From 43d399f07a5b24f007b06ce218285580e297182b Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Thu, 30 Apr 2026 23:34:53 +0700
Subject: [PATCH] style: update CSS root color palette and add custom selection
 styling

---
 resources/css/app.css | 57 +++++++++++++++++++++++--------------------
 1 file changed, 31 insertions(+), 26 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index 4deb5b6..fde0d66 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -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);
+    }
 }