Fix glass theme button contrast

developit · developit · commit fe0542cdadfd · 2026-02-02T22:52:33.000-05:00
diff --git a/demo/src/style.css b/demo/src/style.css
@@ -250,15 +250,15 @@ pre.code-block {
 }
 
 :root:has(#pui-theme-glass:checked) [p="button"] {
-  border-color: hsl(var(--p-border));
+  border-color: hsl(0 0% 35% / 0.35);
   background-image: linear-gradient(
       140deg,
-      hsl(var(--p-card) / 0.9),
-      hsl(var(--p-card) / 0.65)
+      hsl(0 0% 18% / 0.95),
+      hsl(0 0% 28% / 0.9)
     );
-  color: hsl(var(--p-foreground));
-  box-shadow: 0 14px 30px hsl(0 0% 0% / 0.12),
-    inset 0 1px 0 hsl(0 0% 100% / 0.55);
+  color: hsl(var(--p-primary-foreground));
+  box-shadow: 0 14px 30px hsl(0 0% 0% / 0.2),
+    inset 0 1px 0 hsl(0 0% 100% / 0.35);
 }
 
 :root:has(#pui-theme-glass:checked) [p="button"]:hover {
@@ -286,11 +286,11 @@ pre.code-block {
 :root:has(#pui-theme-glass:checked) [p="button"][variant="secondary"] {
   background-image: linear-gradient(
     140deg,
-    hsl(var(--p-secondary) / 0.75),
-    hsl(var(--p-secondary) / 0.55)
+    hsl(0 0% 20% / 0.85),
+    hsl(0 0% 35% / 0.8)
   );
-  border-color: hsl(var(--p-border));
-  color: hsl(var(--p-secondary-foreground));
+  border-color: hsl(0 0% 35% / 0.3);
+  color: hsl(var(--p-primary-foreground));
 }
 
 :root:has(#pui-theme-glass:checked) [p="input"],
