pt/pf_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Give the operation panel's header band a dark-mode background

Browse Source 
bg-gray-50/60 is its own class, so the .bg-gray-50 override never reached
it and the band stayed light grey in dark mode.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Paul Trowbridge 2026-09-25 01:22:44 -04:00
parent 816ff7ab4c
commit 093b1473ab
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/index.css
View File

@ -34,6 +34,10 @@ body { margin: 0; background-color: var(--bg-primary); color: var(--text-primary
.dark .bg-white { background-color: var(--bg-secondary); } .dark .bg-white { background-color: var(--bg-secondary); }
.dark .bg-gray-50 { background-color: var(--bg-tertiary); } .dark .bg-gray-50 { background-color: var(--bg-tertiary); }
/* The opacity variant is its own class and the rule above does not reach it, so
without this the operation panel's header band stayed light grey in dark mode.
--bg-tertiary at the same 60%. */
.dark .bg-gray-50\/60 { background-color: rgb(59 63 70 / 0.6); }
.dark .bg-gray-100 { background-color: var(--bg-tertiary); } .dark .bg-gray-100 { background-color: var(--bg-tertiary); }
.dark .bg-gray-200 { background-color: var(--bg-tertiary); } .dark .bg-gray-200 { background-color: var(--bg-tertiary); }
.dark .bg-gray-300 { background-color: var(--bg-tertiary); } .dark .bg-gray-300 { background-color: var(--bg-tertiary); }