flightsimulatorplatfrom/OpenSquawk
1
0
Fork 0
mirror of https://github.com/OpenSquawk/OpenSquawk synced 2026-08-10 03:16:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(pm): re-theme custom CSS classes missed by the light-mode pass

Browse Source 
The first light-mode pass only covered Tailwind utility classes in the
template. ~40 hand-written classes (.pm-flow-node, .pm-readback-*,
.freq-*, .pm-seg-*, .pm-bottomnav, signal bars) still hardcoded
rgba(255,255,255,N)/#fff, so scenario chips, the readback panel, and
the frequency display were unreadable in light mode. Switched them to
var(--text/--t2/--t3/--border) and color-mix() so they follow the
theme. Debug panel (dev-only) left as-is.
This commit is contained in:
itsrubberduck
2026-07-09 22:59:32 +02:00
parent 6884c5c011
commit fbfc494f6d
2 changed files with 40 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/css/global.css
View File

@@ -9,7 +9,11 @@
--text: #ffffff;
--t2: rgba(255, 255, 255, .80);
--t3: rgba(255, 255, 255, .60);
--t4: rgba(255, 255, 255, .35);
--border: rgba(255, 255, 255, .10);
/* Subtle raised-panel fills used throughout /pm's custom (non-Tailwind) CSS. */
--pm-surface-1: rgba(255, 255, 255, .05);
--pm-surface-2: rgba(255, 255, 255, .1);
}
/* Light theme override — currently only used by /pm (scoped via [data-theme="light"]
@@ -22,7 +26,10 @@
--text: #0f1420;
--t2: rgba(15, 20, 32, .75);
--t3: rgba(15, 20, 32, .55);
--t4: rgba(15, 20, 32, .38);
--border: rgba(15, 20, 32, .14);
--pm-surface-1: rgba(15, 20, 32, .035);
--pm-surface-2: rgba(15, 20, 32, .06);
}
/* Reset + Base */