feat: theme - 01
This commit is contained in:
@@ -0,0 +1,49 @@
|
||||
:root[data-theme-family="windows11"][data-color-mode="dark"] {
|
||||
--color-page-bg: #14181f;
|
||||
--color-surface: #1b212b;
|
||||
--color-surface-elevated: #222a35;
|
||||
--color-border: #344050;
|
||||
--color-border-strong: #6d8fb7;
|
||||
--color-text-primary: #ebf1f8;
|
||||
--color-text-muted: #9facc0;
|
||||
--color-accent: #7bb0ff;
|
||||
--color-accent-contrast: #081b33;
|
||||
--color-selection-bg: #23344c;
|
||||
--color-selection-border: #78a9f4;
|
||||
--color-current-row-bg: #1e2b3f;
|
||||
--color-current-row-border: #7892b7;
|
||||
--color-active-pane-border: #83b6ff;
|
||||
--color-button-bg: #253142;
|
||||
--color-button-hover: #2e3d53;
|
||||
--color-button-secondary-bg: #1e2834;
|
||||
--color-list-header-bg: rgba(255, 255, 255, 0.025);
|
||||
--color-list-row-hover: rgba(123, 176, 255, 0.085);
|
||||
--color-danger: #f0a0a0;
|
||||
--color-danger-bg: #4b2a2d;
|
||||
--color-overlay-bg: rgba(8, 12, 18, 0.58);
|
||||
}
|
||||
|
||||
:root[data-theme-family="windows11"][data-color-mode="light"] {
|
||||
--color-page-bg: #edf3fb;
|
||||
--color-surface: #ffffff;
|
||||
--color-surface-elevated: #f7fbff;
|
||||
--color-border: #d3deec;
|
||||
--color-border-strong: #88a7d1;
|
||||
--color-text-primary: #162231;
|
||||
--color-text-muted: #64758d;
|
||||
--color-accent: #2b66d2;
|
||||
--color-accent-contrast: #ffffff;
|
||||
--color-selection-bg: #e5efff;
|
||||
--color-selection-border: #89aae1;
|
||||
--color-current-row-bg: #f1f6ff;
|
||||
--color-current-row-border: #adc3e8;
|
||||
--color-active-pane-border: #3c78df;
|
||||
--color-button-bg: #f4f8ff;
|
||||
--color-button-hover: #ebf2ff;
|
||||
--color-button-secondary-bg: #f1f5fb;
|
||||
--color-list-header-bg: #f8fbff;
|
||||
--color-list-row-hover: #f3f7ff;
|
||||
--color-danger: #b22f2f;
|
||||
--color-danger-bg: #fdecec;
|
||||
--color-overlay-bg: rgba(17, 26, 38, 0.24);
|
||||
}
|
||||
Reference in New Issue
Block a user