fix: fix light theme, separate components
This commit is contained in:
+9
-9
@@ -4,23 +4,23 @@ export global Theme {
|
||||
out property <length> width: 448px;
|
||||
|
||||
out property <brush> surface-main: is-dark ? #0f172a : #ffffff;
|
||||
out property <brush> surface-control: is-dark ? #1e293b4d : #ffffff;
|
||||
out property <brush> surface-elevated: is-dark ? #1e293b80 : #ffffff;
|
||||
// out property <brush> surface-control: is-dark ? #1e293b4d : #ffffff;
|
||||
out property <brush> surface-elevated: is-dark ? #1e293b80 : #f8fafc;
|
||||
out property <brush> surface-hover: is-dark ? #1e293b : #ffffff;
|
||||
|
||||
out property <brush> border-main: is-dark ? #334155 : #ffffff;
|
||||
out property <brush> border-main: is-dark ? #334155 : #e2e8f0;
|
||||
|
||||
out property <brush> gradient-main: @linear-gradient(135deg, rgb(59, 130, 246), rgb(6, 182, 212));
|
||||
|
||||
out property <brush> text-main: is-dark ? #ffffff : #000000;
|
||||
out property <brush> text-muted: is-dark ? #94a3b8 : #000000;
|
||||
out property <brush> text-main: is-dark ? #ffffff : #0f172a;
|
||||
out property <brush> text-muted: is-dark ? #94a3b8 : #64748b;
|
||||
|
||||
out property <brush> text-control: is-dark ? #cbd5e1 : #000000;
|
||||
out property <brush> text-control-muted: is-dark ? #64748b : #000000;
|
||||
out property <brush> text-control: is-dark ? #cbd5e1 : #475569;
|
||||
out property <brush> text-control-muted: is-dark ? #64748b : #94a3b8;
|
||||
|
||||
out property <brush> text-hint: is-dark ? #475569 : #000000;
|
||||
out property <brush> text-hint: is-dark ? #475569 : #475569;
|
||||
|
||||
out property <brush> shadow-color: is-dark ? #3b82f640 : #000000;
|
||||
out property <brush> shadow-color: is-dark ? #3b82f640 : #3b82f640;
|
||||
|
||||
out property <length> shadow-primary-x: 0px;
|
||||
out property <length> shadow-primary-y: 10px;
|
||||
|
||||
Reference in New Issue
Block a user