kodi
50 lines
1.6 KiB
CSS
50 lines
1.6 KiB
CSS
:root[data-theme-family="default"][data-color-mode="dark"] {
|
|
--color-page-bg: #161c25;
|
|
--color-surface: #1d2531;
|
|
--color-surface-elevated: #222c39;
|
|
--color-border: #314052;
|
|
--color-border-strong: #55739f;
|
|
--color-text-primary: #e7edf6;
|
|
--color-text-muted: #9aa9bd;
|
|
--color-accent: #6aa5ff;
|
|
--color-accent-contrast: #07192f;
|
|
--color-selection-bg: #233754;
|
|
--color-selection-border: #5c8fda;
|
|
--color-current-row-bg: #1f2d42;
|
|
--color-current-row-border: #6a87b5;
|
|
--color-active-pane-border: #78adff;
|
|
--color-button-bg: #283444;
|
|
--color-button-hover: #314258;
|
|
--color-button-secondary-bg: #202935;
|
|
--color-list-header-bg: rgba(255, 255, 255, 0.02);
|
|
--color-list-row-hover: rgba(106, 165, 255, 0.08);
|
|
--color-danger: #ff8e8e;
|
|
--color-danger-bg: #462328;
|
|
--color-overlay-bg: rgba(8, 12, 18, 0.62);
|
|
}
|
|
|
|
:root[data-theme-family="default"][data-color-mode="light"] {
|
|
--color-page-bg: #eef3f9;
|
|
--color-surface: #ffffff;
|
|
--color-surface-elevated: #f8fbff;
|
|
--color-border: #d6e0ec;
|
|
--color-border-strong: #7ca0d1;
|
|
--color-text-primary: #172233;
|
|
--color-text-muted: #617086;
|
|
--color-accent: #235ec7;
|
|
--color-accent-contrast: #ffffff;
|
|
--color-selection-bg: #e5eefc;
|
|
--color-selection-border: #7b9fdb;
|
|
--color-current-row-bg: #f1f6ff;
|
|
--color-current-row-border: #a2bce8;
|
|
--color-active-pane-border: #235ec7;
|
|
--color-button-bg: #f6f9fd;
|
|
--color-button-hover: #edf3fb;
|
|
--color-button-secondary-bg: #f3f6fb;
|
|
--color-list-header-bg: #f8fbff;
|
|
--color-list-row-hover: #f5f9ff;
|
|
--color-danger: #b42323;
|
|
--color-danger-bg: #fdecec;
|
|
--color-overlay-bg: rgba(18, 28, 40, 0.30);
|
|
}
|