[Feature][SolidUI] Dev dark theme design

[nutsjian]

Search before asking

• 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?

• Yes I am willing to submit a PR!

[ash-senju]

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]

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 WeBankFinTech/DataSphereStudio@6e6f640 Dark