kodi
50 lines
1.6 KiB
CSS
50 lines
1.6 KiB
CSS
:root[data-theme-family="midnight"][data-color-mode="dark"] {
|
|
--color-page-bg: #10131b;
|
|
--color-surface: #171c28;
|
|
--color-surface-elevated: #1c2230;
|
|
--color-border: #2d3750;
|
|
--color-border-strong: #5b79c4;
|
|
--color-text-primary: #edf2fb;
|
|
--color-text-muted: #90a0bf;
|
|
--color-accent: #7aa4ff;
|
|
--color-accent-contrast: #071427;
|
|
--color-selection-bg: #1f3054;
|
|
--color-selection-border: #6f96f1;
|
|
--color-current-row-bg: #18243d;
|
|
--color-current-row-border: #6b84bc;
|
|
--color-active-pane-border: #82afff;
|
|
--color-button-bg: #212a3e;
|
|
--color-button-hover: #293653;
|
|
--color-button-secondary-bg: #1a2130;
|
|
--color-list-header-bg: rgba(255, 255, 255, 0.02);
|
|
--color-list-row-hover: rgba(122, 164, 255, 0.09);
|
|
--color-danger: #ff9ea5;
|
|
--color-danger-bg: #48262c;
|
|
--color-overlay-bg: rgba(4, 8, 15, 0.7);
|
|
}
|
|
|
|
:root[data-theme-family="midnight"][data-color-mode="light"] {
|
|
--color-page-bg: #edf2fb;
|
|
--color-surface: #ffffff;
|
|
--color-surface-elevated: #f5f8ff;
|
|
--color-border: #d4dcef;
|
|
--color-border-strong: #7694d9;
|
|
--color-text-primary: #182236;
|
|
--color-text-muted: #617393;
|
|
--color-accent: #315fc8;
|
|
--color-accent-contrast: #ffffff;
|
|
--color-selection-bg: #e1ebff;
|
|
--color-selection-border: #85a3e6;
|
|
--color-current-row-bg: #edf3ff;
|
|
--color-current-row-border: #a7bbe8;
|
|
--color-active-pane-border: #3c6bd3;
|
|
--color-button-bg: #f5f8ff;
|
|
--color-button-hover: #ebf1ff;
|
|
--color-button-secondary-bg: #f1f5fd;
|
|
--color-list-header-bg: #f6f9ff;
|
|
--color-list-row-hover: #f2f6ff;
|
|
--color-danger: #b2293c;
|
|
--color-danger-bg: #fdecef;
|
|
--color-overlay-bg: rgba(15, 23, 40, 0.28);
|
|
}
|