mirror of
https://github.com/OpenSquawk/OpenSquawk
synced 2026-08-11 12:05:33 +08:00
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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user