vngrup/dress
vngrup/dress
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update CSS root color palette and add custom selection styling

Browse Source
This commit is contained in:
Yoga Pangestu 2026-04-30 23:34:53 +07:00
parent 2fe3173817
commit 43d399f07a
1 changed files with 31 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
resources/css/app.css
View File

@ -67,39 +67,39 @@ @theme {
}
:root {
--background: oklch(1 0 0);
--foreground: oklch(0.145 0 0);
--card: oklch(1 0 0);
--card-foreground: oklch(0.145 0 0);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.145 0 0);
--primary: oklch(0.205 0 0);
--primary-foreground: oklch(0.985 0 0);
--secondary: oklch(0.97 0 0);
--secondary-foreground: oklch(0.205 0 0);
--muted: oklch(0.97 0 0);
--muted-foreground: oklch(0.556 0 0);
--accent: oklch(0.97 0 0);
--accent-foreground: oklch(0.205 0 0);
--background: oklch(0.962 0.012 85.3);
--foreground: oklch(0.334 0.082 245.2);
--card: oklch(0.962 0.012 85.3);
--card-foreground: oklch(0.334 0.082 245.2);
--popover: oklch(0.962 0.012 85.3);
--popover-foreground: oklch(0.334 0.082 245.2);
--primary: oklch(0.334 0.082 245.2);
--primary-foreground: oklch(0.962 0.012 85.3);
--secondary: oklch(0.94 0.01 85);
--secondary-foreground: oklch(0.334 0.082 245.2);
--muted: oklch(0.94 0.01 85);
--muted-foreground: oklch(0.45 0.05 245);
--accent: oklch(0.94 0.01 85);
--accent-foreground: oklch(0.334 0.082 245.2);
--destructive: oklch(0.577 0.245 27.325);
--destructive-foreground: oklch(0.577 0.245 27.325);
--border: oklch(0.922 0 0);
--input: oklch(0.922 0 0);
--ring: oklch(0.87 0 0);
--destructive-foreground: oklch(1 0 0);
--border: oklch(0.334 0.082 245.2 / 0.1);
--input: oklch(0.334 0.082 245.2 / 0.1);
--ring: oklch(0.334 0.082 245.2 / 0.5);
--chart-1: oklch(0.646 0.222 41.116);
--chart-2: oklch(0.6 0.118 184.704);
--chart-3: oklch(0.398 0.07 227.392);
--chart-4: oklch(0.828 0.189 84.429);
--chart-5: oklch(0.769 0.188 70.08);
--radius: 0.625rem;
--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.87 0 0);
--sidebar: oklch(0.962 0.012 85.3);
--sidebar-foreground: oklch(0.334 0.082 245.2);
--sidebar-primary: oklch(0.334 0.082 245.2);
--sidebar-primary-foreground: oklch(0.962 0.012 85.3);
--sidebar-accent: oklch(0.334 0.082 245.2 / 0.05);
--sidebar-accent-foreground: oklch(0.334 0.082 245.2);
--sidebar-border: oklch(0.334 0.082 245.2 / 0.1);
--sidebar-ring: oklch(0.334 0.082 245.2 / 0.5);
}
.dark {
@ -145,4 +145,9 @@ @layer base {
body {
@apply bg-background text-foreground;
}
::selection {
background-color: var(--primary);
color: var(--primary-foreground);
}
}