Cardoza_Construction/TasGrid
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

light and dark theme color adjustments

Browse Source
This commit is contained in:
Timothy Cardoza
2026-02-02 17:56:24 -06:00
parent e36ae92441
commit ca317107d0
1 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
+24 -24
View File
@@ -59,13 +59,13 @@
:root { :root {
--background: hsl(0 0% 100%); --background: hsl(0 0% 100%);
--foreground: hsl(222.2 84% 4.9%); --foreground: hsl(240 5.9% 10%);
--card: hsl(0 0% 100%); --card: hsl(0 0% 100%);
--card-foreground: hsl(222.2 84% 4.9%); --card-foreground: hsl(240 5.9% 10%);
--popover: hsl(0 0% 100%); --popover: hsl(0 0% 100%);
--popover-foreground: hsl(222.2 84% 4.9%); --popover-foreground: hsl(240 5.9% 10%);
--primary: hsl(250 89% 60%); --primary: hsl(199 89% 48%);
/* Vibrant Indigo */ /* Modern Cyan */
--primary-foreground: hsl(0 0% 100%); --primary-foreground: hsl(0 0% 100%);
--secondary: hsl(210 40% 96.1%); --secondary: hsl(210 40% 96.1%);
--secondary-foreground: hsl(222.2 47.4% 11.2%); --secondary-foreground: hsl(222.2 47.4% 11.2%);
@@ -77,31 +77,31 @@
--destructive-foreground: hsl(210 40% 98%); --destructive-foreground: hsl(210 40% 98%);
--border: hsl(214.3 31.8% 91.4%); --border: hsl(214.3 31.8% 91.4%);
--input: hsl(214.3 31.8% 91.4%); --input: hsl(214.3 31.8% 91.4%);
--ring: hsl(250 89% 60%); --ring: hsl(199 89% 48%);
--radius: 0.5rem; --radius: 0.5rem;
} }
.dark { .dark {
--background: hsl(222.2 84% 4.9%); --background: hsl(240 10% 3.9%);
--foreground: hsl(210 40% 98%); --foreground: hsl(0 0% 98%);
--card: hsl(222.2 84% 4.9%); --card: hsl(240 10% 3.9%);
--card-foreground: hsl(210 40% 98%); --card-foreground: hsl(0 0% 98%);
--popover: hsl(222.2 84% 4.9%); --popover: hsl(240 10% 3.9%);
--popover-foreground: hsl(210 40% 98%); --popover-foreground: hsl(0 0% 98%);
--primary: hsl(250 89% 65%); --primary: hsl(199 89% 55%);
/* Brighter Indigo for Dark Mode */ /* Brighter Cyan for Dark Mode */
--primary-foreground: hsl(0 0% 100%); --primary-foreground: hsl(0 0% 100%);
--secondary: hsl(217.2 32.6% 17.5%); --secondary: hsl(240 3.7% 15.9%);
--secondary-foreground: hsl(210 40% 98%); --secondary-foreground: hsl(0 0% 98%);
--muted: hsl(217.2 32.6% 17.5%); --muted: hsl(240 3.7% 15.9%);
--muted-foreground: hsl(215 20.2% 65.1%); --muted-foreground: hsl(240 5% 64.9%);
--accent: hsl(217.2 32.6% 17.5%); --accent: hsl(240 3.7% 15.9%);
--accent-foreground: hsl(210 40% 98%); --accent-foreground: hsl(0 0% 98%);
--destructive: hsl(0 62.8% 30.6%); --destructive: hsl(0 62.8% 30.6%);
--destructive-foreground: hsl(210 40% 98%); --destructive-foreground: hsl(0 0% 98%);
--border: hsl(217.2 32.6% 17.5%); --border: hsl(240 3.7% 15.9%);
--input: hsl(217.2 32.6% 17.5%); --input: hsl(240 3.7% 15.9%);
--ring: hsl(212.7 26.8% 83.9%); --ring: hsl(199 89% 55%);
} }
@layer base { @layer base {