From ab8f85444d7dec7b578f4278470f836e3065939f Mon Sep 17 00:00:00 2001
From: Aaron Iker <aaron@ease.dev>
Date: Mon, 22 Dec 2025 16:58:56 +0100
Subject: [PATCH] fix: light mode updates

---
 packages/ui/src/components/dialog.css | 10 +++++-----
 packages/ui/src/components/switch.css |  6 +++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/ui/src/components/dialog.css b/packages/ui/src/components/dialog.css
index 782f2570c4..6eafd62702 100644
--- a/packages/ui/src/components/dialog.css
+++ b/packages/ui/src/components/dialog.css
@@ -4,7 +4,7 @@
   position: fixed;
   inset: 0;
   z-index: 50;
-  background-color: hsl(from var(--background-base) h s l / 0.2);
+  background-color: hsl(from var(--background-base) h s l / 0.25);
 
   /* animation: overlayHide 250ms ease 100ms forwards; */
   /**/
@@ -43,14 +43,14 @@
 
       /* padding: 8px; */
       /* padding: 8px 8px 0 8px; */
-      border: 1px solid hsl(from var(--border-base) h s l / 0.2);
+      border: 1px solid hsl(from var(--border-base) h s l / 0.1);
       border-radius: var(--radius-xl);
       background: var(--surface-raised-stronger-non-alpha);
       background-clip: padding-box;
       box-shadow:
-        0 15px 45px 0 rgba(19, 16, 16, 0.35),
-        0 3.35px 10.051px 0 rgba(19, 16, 16, 0.25),
-        0 0.998px 2.993px 0 rgba(19, 16, 16, 0.2);
+        0 15px 45px 0 rgba(19, 16, 16, 0.1),
+        0 3.35px 10.051px 0 rgba(19, 16, 16, 0.1),
+        0 0.998px 2.993px 0 rgba(19, 16, 16, 0.1);
 
       /* animation: contentHide 300ms ease-in forwards; */
       /**/
diff --git a/packages/ui/src/components/switch.css b/packages/ui/src/components/switch.css
index a6a52de175..90bb3b18bb 100644
--- a/packages/ui/src/components/switch.css
+++ b/packages/ui/src/components/switch.css
@@ -50,9 +50,9 @@
 
     /* shadows/shadow-xs */
     box-shadow:
-      0 4px 8px -2px rgba(19, 16, 16, 0.2),
-      0 1px 2px 0 rgba(19, 16, 16, 0.15),
-      0 2px 3px 0 rgba(19, 16, 16, 0.2);
+      0 4px 8px -2px rgba(19, 16, 16, 0.1),
+      0 1px 2px 0 rgba(19, 16, 16, 0.2),
+      0 2px 4px 0 rgba(19, 16, 16, 0.1);
 
     transform: translateX(var(--switch-x)) scaleX(var(--switch-scale-x));
     transform-origin: left center;