add theme store and input, update some components to use theme

This commit is contained in:
Casey 2025-12-12 14:21:42 -06:00
parent 43c205e577
commit 0c55c9996f
12 changed files with 459 additions and 68 deletions

View file

@ -1,6 +1,31 @@
:root {
/* Theme tokens with sensible defaults (will be overwritten by runtime theme switcher) */
--theme-primary: #0f7ac7;
--theme-primary-strong: #0c639f;
--theme-secondary: #2ca66f;
--theme-accent: #8fd9a8;
--theme-gradient-start: #0c639f;
--theme-gradient-end: #1390e0;
--theme-secondary-gradient-start: #2c9b64;
--theme-secondary-gradient-end: #38c487;
--theme-surface: #f4f9ff;
--theme-surface-alt: #e8f4ef;
--theme-border: #cfe5f7;
--theme-hover: #dcedf9;
--theme-text: #0f172a;
--theme-text-muted: #475569;
--theme-text-dark: #0b1220;
--theme-text-light: #ffffff;
/* Backwards-compatible vars used across components */
--primary-color: var(--theme-primary);
--primary-600: var(--theme-primary-strong);
--surface-card: var(--theme-surface);
--surface-border: var(--theme-border);
--surface-hover: var(--theme-hover);
--text-color: var(--theme-text);
--primary-text-color: #ffffff;
--secondary-background-color: #669084;
--secondary-background-color: var(--theme-secondary);
}
/* Fix PrimeVue overlay z-index conflicts with Vuetify modals */