[Feature][SolidUI] Dev dark theme design

CloudOrc / SolidUI

one sentence generates any graph

https://cloudorc.github.io/SolidUI-Website/

Apache License 2.0

575 stars 86 forks source link

[Feature][SolidUI] Dev dark theme design #32

Open nutsjian opened 1 year ago

nutsjian commented 1 year ago

Search before asking

[X] I had searched in the issues and found no similar feature requirement.

Problem Description

No response

Description

No response

Use case

No response

Solutions

No response

Anything else

No response

Are you willing to submit a PR?

[X] Yes I am willing to submit a PR!

ash-senju commented 1 year ago

body{ background: var(--color-secondary); } .container { display: flow; width: 100%; height: 100%; background: var(--color-secondary); } .theme-light { --color-primary: #0060df; --color-secondary: #fbfbfe; --color-accent: #fd6f53; --font-color: #000000; }

.theme-dark {
    --color-primary: #17ed90;
    --color-secondary: #2a2c2d;
    --color-accent: #12cdea;
    --font-color: #ffffff;
    width: 100%;
    height: 100%;
}

dlimeng commented 1 year ago

body{ background: var(--color-secondary); } .container { display: flow; width: 100%; height: 100%; background: var(--color-secondary); } .theme-light { --color-primary: #0060df; --color-secondary: #fbfbfe; --color-accent: #fd6f53; --font-color: #000000; }
.theme-dark {
    --color-primary: #17ed90;
    --color-secondary: #2a2c2d;
    --color-accent: #12cdea;
    --font-color: #ffffff;
    width: 100%;
    height: 100%;
}

Thank you, please submit a PR. refer to https://github.com/WeBankFinTech/DataSphereStudio/commit/6e6f640cd7bc9b96322ae0a51ae55f7a25b6ae98 Dark