style(global): add color variables with dark theme support
This commit is contained in:
parent
c866805c80
commit
6dbc16f23d
1 changed files with 27 additions and 0 deletions
|
|
@ -1 +1,28 @@
|
||||||
@import "tailwindcss";
|
@import "tailwindcss";
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--color-primary: #7c3aed;
|
||||||
|
--color-primary-light: #a78bfa;
|
||||||
|
--color-primary-dark: #5b21b6;
|
||||||
|
--color-accent: #ec4899;
|
||||||
|
--color-accent-light: #f9a8d4;
|
||||||
|
--color-accent-dark: #be185d;
|
||||||
|
--color-bg: #fafafa;
|
||||||
|
--color-surface: #f5f3ff;
|
||||||
|
--color-text: #1f1f2e;
|
||||||
|
--color-text-muted: #6b7280;
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-theme="dark"] {
|
||||||
|
--color-bg: #0f0e17;
|
||||||
|
--color-surface: #1a1730;
|
||||||
|
--color-text: #fffffe;
|
||||||
|
--color-text-muted: #a7a9be;
|
||||||
|
}
|
||||||
|
|
||||||
|
@layer base {
|
||||||
|
body {
|
||||||
|
background-color: var(--color-bg);
|
||||||
|
color: var(--color-text);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue