typist/litek
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: remove globals.css and update color variables in index.css

Browse Source 
- Deleted the globals.css file to streamline styles.
- Updated color variables in index.css for improved consistency and design coherence across the application.
This commit is contained in:
typist
2025-10-30 20:26:21 +08:00
parent 1a00f27c6a
commit 3bafcbafed
2 changed files with 55 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/globals.css
View File

@@ -1,23 +0,0 @@
@layer base {
:root {
--sidebar: oklch(0.985 0 0);
--sidebar-foreground: oklch(0.145 0 0);
--sidebar-primary: oklch(0.205 0 0);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.97 0 0);
--sidebar-accent-foreground: oklch(0.205 0 0);
--sidebar-border: oklch(0.922 0 0);
--sidebar-ring: oklch(0.708 0 0);
}
.dark {
--sidebar: oklch(0.205 0 0);
--sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.269 0 0);
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.439 0 0);
}
}

110
src/index.css
View File

@@ -42,72 +42,72 @@
} }
:root { :root {
--radius: 0.625rem; --radius: 0.65rem;
--background: oklch(1 0 0); --background: oklch(1 0 0);
--foreground: oklch(0.13 0.028 261.692); --foreground: oklch(0.141 0.005 285.823);
--card: oklch(1 0 0); --card: oklch(1 0 0);
--card-foreground: oklch(0.13 0.028 261.692); --card-foreground: oklch(0.141 0.005 285.823);
--popover: oklch(1 0 0); --popover: oklch(1 0 0);
--popover-foreground: oklch(0.13 0.028 261.692); --popover-foreground: oklch(0.141 0.005 285.823);
--primary: oklch(0.21 0.034 264.665); --primary: oklch(0.646 0.222 41.116);
--primary-foreground: oklch(0.985 0.002 247.839); --primary-foreground: oklch(0.98 0.016 73.684);
--secondary: oklch(0.967 0.003 264.542); --secondary: oklch(0.967 0.001 286.375);
--secondary-foreground: oklch(0.21 0.034 264.665); --secondary-foreground: oklch(0.21 0.006 285.885);
--muted: oklch(0.967 0.003 264.542); --muted: oklch(0.967 0.001 286.375);
--muted-foreground: oklch(0.551 0.027 264.364); --muted-foreground: oklch(0.552 0.016 285.938);
--accent: oklch(0.967 0.003 264.542); --accent: oklch(0.967 0.001 286.375);
--accent-foreground: oklch(0.21 0.034 264.665); --accent-foreground: oklch(0.21 0.006 285.885);
--destructive: oklch(0.577 0.245 27.325); --destructive: oklch(0.577 0.245 27.325);
--border: oklch(0.928 0.006 264.531); --border: oklch(0.92 0.004 286.32);
--input: oklch(0.928 0.006 264.531); --input: oklch(0.92 0.004 286.32);
--ring: oklch(0.707 0.022 261.325); --ring: oklch(0.75 0.183 55.934);
--chart-1: oklch(0.646 0.222 41.116); --chart-1: oklch(0.837 0.128 66.29);
--chart-2: oklch(0.6 0.118 184.704); --chart-2: oklch(0.705 0.213 47.604);
--chart-3: oklch(0.398 0.07 227.392); --chart-3: oklch(0.646 0.222 41.116);
--chart-4: oklch(0.828 0.189 84.429); --chart-4: oklch(0.553 0.195 38.402);
--chart-5: oklch(0.769 0.188 70.08); --chart-5: oklch(0.47 0.157 37.304);
--sidebar: oklch(0.985 0.002 247.839); --sidebar: oklch(0.985 0 0);
--sidebar-foreground: oklch(0.13 0.028 261.692); --sidebar-foreground: oklch(0.141 0.005 285.823);
--sidebar-primary: oklch(0.21 0.034 264.665); --sidebar-primary: oklch(0.646 0.222 41.116);
--sidebar-primary-foreground: oklch(0.985 0.002 247.839); --sidebar-primary-foreground: oklch(0.98 0.016 73.684);
--sidebar-accent: oklch(0.967 0.003 264.542); --sidebar-accent: oklch(0.967 0.001 286.375);
--sidebar-accent-foreground: oklch(0.21 0.034 264.665); --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
--sidebar-border: oklch(0.928 0.006 264.531); --sidebar-border: oklch(0.92 0.004 286.32);
--sidebar-ring: oklch(0.707 0.022 261.325); --sidebar-ring: oklch(0.75 0.183 55.934);
} }
.dark { .dark {
--background: oklch(0.13 0.028 261.692); --background: oklch(0.141 0.005 285.823);
--foreground: oklch(0.985 0.002 247.839); --foreground: oklch(0.985 0 0);
--card: oklch(0.21 0.034 264.665); --card: oklch(0.21 0.006 285.885);
--card-foreground: oklch(0.985 0.002 247.839); --card-foreground: oklch(0.985 0 0);
--popover: oklch(0.21 0.034 264.665); --popover: oklch(0.21 0.006 285.885);
--popover-foreground: oklch(0.985 0.002 247.839); --popover-foreground: oklch(0.985 0 0);
--primary: oklch(0.928 0.006 264.531); --primary: oklch(0.705 0.213 47.604);
--primary-foreground: oklch(0.21 0.034 264.665); --primary-foreground: oklch(0.98 0.016 73.684);
--secondary: oklch(0.278 0.033 256.848); --secondary: oklch(0.274 0.006 286.033);
--secondary-foreground: oklch(0.985 0.002 247.839); --secondary-foreground: oklch(0.985 0 0);
--muted: oklch(0.278 0.033 256.848); --muted: oklch(0.274 0.006 286.033);
--muted-foreground: oklch(0.707 0.022 261.325); --muted-foreground: oklch(0.705 0.015 286.067);
--accent: oklch(0.278 0.033 256.848); --accent: oklch(0.274 0.006 286.033);
--accent-foreground: oklch(0.985 0.002 247.839); --accent-foreground: oklch(0.985 0 0);
--destructive: oklch(0.704 0.191 22.216); --destructive: oklch(0.704 0.191 22.216);
--border: oklch(1 0 0 / 10%); --border: oklch(1 0 0 / 10%);
--input: oklch(1 0 0 / 15%); --input: oklch(1 0 0 / 15%);
--ring: oklch(0.551 0.027 264.364); --ring: oklch(0.408 0.123 38.172);
--chart-1: oklch(0.488 0.243 264.376); --chart-1: oklch(0.837 0.128 66.29);
--chart-2: oklch(0.696 0.17 162.48); --chart-2: oklch(0.705 0.213 47.604);
--chart-3: oklch(0.769 0.188 70.08); --chart-3: oklch(0.646 0.222 41.116);
--chart-4: oklch(0.627 0.265 303.9); --chart-4: oklch(0.553 0.195 38.402);
--chart-5: oklch(0.645 0.246 16.439); --chart-5: oklch(0.47 0.157 37.304);
--sidebar: oklch(0.21 0.034 264.665); --sidebar: oklch(0.21 0.006 285.885);
--sidebar-foreground: oklch(0.985 0.002 247.839); --sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary: oklch(0.705 0.213 47.604);
--sidebar-primary-foreground: oklch(0.985 0.002 247.839); --sidebar-primary-foreground: oklch(0.98 0.016 73.684);
--sidebar-accent: oklch(0.278 0.033 256.848); --sidebar-accent: oklch(0.274 0.006 286.033);
--sidebar-accent-foreground: oklch(0.985 0.002 247.839); --sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(1 0 0 / 10%); --sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.551 0.027 264.364); --sidebar-ring: oklch(0.408 0.123 38.172);
} }
@layer base { @layer base {