add theme store and input, update some components to use theme
This commit is contained in:
parent
43c205e577
commit
0c55c9996f
12 changed files with 459 additions and 68 deletions
|
|
@ -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 */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue