logan/drb-frontend
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

Update theme colors
All checks were successful
Lint Pull Request / lint (pull_request) Successful in 23s
Details

Browse Source
This commit is contained in:
Logan Cusano
2025-05-28 23:16:18 -04:00
parent bd8c9fde8b
commit f8154e22ae
1 changed files with 35 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/app/globals.css
View File

@@ -1,3 +1,4 @@
/* globals.css */
@import "tailwindcss";
@import "tw-animate-css";
@@ -45,7 +46,7 @@
:root {
--radius: 0.625rem;
/* Light Mode Palette */
/* Light Mode Palette - Retained similar modern, soft feel */
--background: oklch(0.99 0 0); /* Very light off-white */
--foreground: oklch(0.1 0 0); /* Very dark gray */
--card: oklch(0.99 0 0);
@@ -84,42 +85,42 @@
}
.dark {
/* Dark Mode Palette */
--background: oklch(0.12 0 0); /* Very dark charcoal */
--foreground: oklch(0.92 0 0); /* Light gray */
--card: oklch(0.18 0 0); /* Slightly lighter dark for cards */
--card-foreground: oklch(0.92 0 0);
--popover: oklch(0.18 0 0);
--popover-foreground: oklch(0.92 0 0);
--primary: oklch(0.7 0.15 260); /* Brighter, more vibrant indigo for dark mode */
--primary-foreground: oklch(0.15 0 0); /* Dark gray for text on primary */
--secondary: oklch(0.22 0 0); /* Darker gray */
--secondary-foreground: oklch(0.85 0 0); /* Lighter gray */
--muted: oklch(0.22 0 0);
--muted-foreground: oklch(0.6 0 0); /* Mid-gray */
--accent: oklch(0.22 0.03 260); /* Subtle dark hint of primary */
--accent-foreground: oklch(0.8 0.05 260); /* Lighter desaturated primary */
--destructive: oklch(0.7 0.15 20); /* Brighter red for dark mode */
--border: oklch(0.25 0 0); /* Medium dark gray */
--input: oklch(0.2 0 0); /* Darker than border */
--ring: oklch(0.4 0 0); /* Mid-dark gray */
/* Dark Mode Palette - Modernized */
--background: oklch(0.18 0 0); /* Slightly lighter dark charcoal */
--foreground: oklch(0.88 0 0); /* Soft white/light gray */
--card: oklch(0.22 0 0); /* Slightly lighter for cards than background */
--card-foreground: oklch(0.88 0 0);
--popover: oklch(0.22 0 0);
--popover-foreground: oklch(0.88 0 0);
--primary: oklch(0.65 0.18 260); /* Brighter, more vibrant indigo */
--primary-foreground: oklch(0.18 0 0); /* Darker text on primary */
--secondary: oklch(0.28 0 0); /* Medium dark gray */
--secondary-foreground: oklch(0.75 0 0); /* Lighter gray */
--muted: oklch(0.28 0 0);
--muted-foreground: oklch(0.55 0 0); /* Mid-gray */
--accent: oklch(0.28 0.04 260); /* Subtle dark hint of primary */
--accent-foreground: oklch(0.7 0.06 260); /* Lighter desaturated primary */
--destructive: oklch(0.65 0.16 20); /* Brighter red */
--border: oklch(0.32 0 0); /* Medium dark gray */
--input: oklch(0.28 0 0); /* Darker than border */
--ring: oklch(0.5 0 0); /* Mid-dark gray */
/* Chart Colors (Dark Mode) - Brighter and distinct */
--chart-1: oklch(0.7 0.18 270); /* Brighter purple-blue */
--chart-2: oklch(0.75 0.15 180); /* Brighter teal */
--chart-3: oklch(0.8 0.12 90); /* Brighter muted green-yellow */
--chart-4: oklch(0.75 0.16 30); /* Brighter orange-brown */
--chart-5: oklch(0.85 0.1 330); /* Brighter muted pink */
/* Chart Colors (Dark Mode) - Brighter and distinct for visibility */
--chart-1: oklch(0.75 0.2 270); /* Brighter purple-blue */
--chart-2: oklch(0.8 0.18 180); /* Brighter teal */
--chart-3: oklch(0.85 0.15 90); /* Brighter muted green-yellow */
--chart-4: oklch(0.8 0.18 30); /* Brighter orange-brown */
--chart-5: oklch(0.9 0.12 330); /* Brighter muted pink */
/* Sidebar Colors (Dark Mode) */
--sidebar: oklch(0.18 0 0); /* Slightly lighter dark for sidebar */
--sidebar-foreground: oklch(0.92 0 0);
--sidebar-primary: oklch(0.7 0.15 260);
--sidebar-primary-foreground: oklch(0.15 0 0);
--sidebar-accent: oklch(0.22 0.03 260);
--sidebar-accent-foreground: oklch(0.8 0.05 260);
--sidebar-border: oklch(0.25 0 0);
--sidebar-ring: oklch(0.4 0 0);
--sidebar: oklch(0.22 0 0); /* Slightly lighter dark for sidebar */
--sidebar-foreground: oklch(0.88 0 0);
--sidebar-primary: oklch(0.65 0.18 260);
--sidebar-primary-foreground: oklch(0.18 0 0);
--sidebar-accent: oklch(0.28 0.04 260);
--sidebar-accent-foreground: oklch(0.7 0.06 260);
--sidebar-border: oklch(0.32 0 0);
--sidebar-ring: oklch(0.5 0 0);
}
@layer base {