cjw/Oxicloud
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor(css): remove use generic colors for language-selector + correct item selection color

Browse Source
This commit is contained in:
Edouard Vanbelle
2026-04-13 10:17:12 +02:00
parent 9e632e147a
commit 413832d1a2
3 changed files with 4 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/components/languageSelector.css
+1 -1
View File
@@ -98,7 +98,7 @@
} }
.language-option:hover { .language-option:hover {
background-color: var(--color-bg-alt); background-color: var(--color-bg-hover);
} }
.language-option.active { .language-option.active {
static/css/layout/topbar.css
+1 -1
View File
@@ -77,7 +77,7 @@
padding: 12px 50px 12px 44px; padding: 12px 50px 12px 44px;
border-radius: 12px; border-radius: 12px;
border: 2px solid var(--color-border); border: 2px solid var(--color-border);
background-color: var(--color-bg-hover); background-color: var(--color-bg-input);
font-size: 14px; font-size: 14px;
height: 46px; height: 46px;
color: var(--color-text-heading); color: var(--color-text-heading);
static/css/themes/dark.css
+2 -39
View File
@@ -3,7 +3,7 @@
--color-bg-page: #0f172a; --color-bg-page: #0f172a;
--color-bg-surface: #1e293b; --color-bg-surface: #1e293b;
--color-bg-input: #0f172a; --color-bg-input: #0f172a;
--color-bg-hover: #162032; --color-bg-hover: #334155;
--color-bg-muted: #1a2540; --color-bg-muted: #1a2540;
--color-bg-subtle: #162032; --color-bg-subtle: #162032;
--color-bg-alt: #0f172a; --color-bg-alt: #0f172a;
@@ -79,7 +79,7 @@
/* Items */ /* Items */
--color-item-selected: #1a1520; --color-item-selected: #1a1520;
--color-item-hover-accent: #1f1926; --color-item-hover-accent: #21262d;
} }
/* ------------ */ /* ------------ */
@@ -588,43 +588,6 @@
color: var(--color-border-medium); color: var(--color-border-medium);
} }
/* ── languageSelector.css ── */
[data-theme="dark"] .language-selector-toggle {
background-color: var(--color-bg-surface);
border-color: var(--color-border);
color: var(--color-text-heading);
}
[data-theme="dark"] .language-selector-toggle:hover {
background-color: var(--color-border);
}
[data-theme="dark"] .language-selector-dropdown {
background-color: var(--color-bg-surface);
border-color: var(--color-border);
box-shadow: 0 8px 30px var(--color-overlay);
}
[data-theme="dark"] .language-selector-dropdown::-webkit-scrollbar-thumb {
background-color: var(--color-border-medium);
}
[data-theme="dark"] .language-selector-dropdown::-webkit-scrollbar-thumb:hover {
background-color: var(--color-text-subtle);
}
[data-theme="dark"] .language-option {
color: var(--color-text-heading);
}
[data-theme="dark"] .language-option:hover {
background-color: var(--color-border);
}
[data-theme="dark"] .language-option.active {
background-color: var(--color-accent-ring);
color: var(--color-accent);
}
/* ── modals.css ── */ /* ── modals.css ── */
[data-theme="dark"] .about-modal { [data-theme="dark"] .about-modal {
background: var(--color-bg-surface); background: var(--color-bg-surface);