Skip to content

Commit 37a60ad

Browse files
fix(theme): add search field contrast for metro-teal and neon-love themes
Search input was indistinguishable from the sidebar background in both dark themes. Add background-color and border overrides matching each theme's existing settings panel contrast patterns.
1 parent a6b5850 commit 37a60ad

1 file changed

Lines changed: 12 additions & 0 deletions

File tree

app/frontend/styles.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -352,6 +352,12 @@ aside button:hover svg {
352352
color: #00c4cc !important;
353353
}
354354

355+
/* Metro-teal search input needs contrast against #1e1e1e sidebar */
356+
[data-theme-preset='metro-teal'] [data-testid='sidebar-search'] {
357+
background-color: hsl(0 0% 20%) !important;
358+
border: 1px solid #404040 !important;
359+
}
360+
355361
/* Metro-teal toggle overrides (Tailwind bg-primary/bg-muted resolve transparent) */
356362
[data-theme-preset='metro-teal'] [data-testid='lastfm-toggle'].bg-muted,
357363
[data-theme-preset='metro-teal'] [data-testid='network-cache-toggle'].bg-muted,
@@ -514,6 +520,12 @@ aside button:hover svg {
514520
color: #41c8e5 !important;
515521
}
516522

523+
/* Neon Love search input needs contrast against #2a2041 sidebar */
524+
[data-theme-preset='neon-love'] [data-testid='sidebar-search'] {
525+
background-color: #302250 !important;
526+
border: 1px solid #3c2864 !important;
527+
}
528+
517529
[data-theme-preset='neon-love'] [data-testid='lastfm-toggle'].bg-muted,
518530
[data-theme-preset='neon-love'] [data-testid='network-cache-toggle'].bg-muted,
519531
[data-theme-preset='neon-love'] [data-testid='network-cache-persistent-toggle'].bg-muted {

0 commit comments

Comments
 (0)