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