feat(pm): add light/dark/system theme toggle

Defaults to dark (matching the rest of the app) with a menu to switch
to Light or System. Custom CSS-variable overrides handle the
hand-rolled Tailwind classes; a second Vuetify theme is swapped in
sync for Vuetify components. Scoped entirely to /pm.
This commit is contained in:
itsrubberduck
2026-07-09 17:26:21 +02:00
parent 5531da0e9a
commit e521dcba0f
4 changed files with 231 additions and 5 deletions

View File

@@ -12,6 +12,19 @@
--border: rgba(255, 255, 255, .10);
}
/* Light theme override — currently only used by /pm (scoped via [data-theme="light"]
on .pm-page), not applied app-wide. */
[data-theme="light"] {
--bg: #f4f6fb;
--bg2: #e7ebf3;
--accent: #0891b2;
--accent2: #0369a1;
--text: #0f1420;
--t2: rgba(15, 20, 32, .75);
--t3: rgba(15, 20, 32, .55);
--border: rgba(15, 20, 32, .14);
}
/* Reset + Base */
html, body, #__nuxt {
min-height: 100vh;