From 5db09e89e0bfb801e134bb5b4741dbff03da4f26 Mon Sep 17 00:00:00 2001
From: marlon-erler <viridian035@gmail.com>
Date: Thu, 9 Apr 2026 18:33:07 +0000
Subject: [PATCH] fix colors in dark mode

---
 dist/index.css |  9 +++++++++
 src/colors.css | 11 +++++++++++
 2 files changed, 20 insertions(+)

diff --git a/dist/index.css b/dist/index.css
index e494400f..d6d014de 100644
--- a/dist/index.css
+++ b/dist/index.css
@@ -113,6 +113,15 @@ body[theme=dark] [color]:not([color=standard]).tile {
   --hover-luma: 25%;
   --active-luma: 30%;
   --text-luma: 90%;
+  --surface:
+    linear-gradient(
+      
+      120deg,
+      hsl(var(--hue), 100%, var(--gradient-luma-1)),
+      hsla(var(--hue), 100%, var(--gradient-luma-2), 40%) );
+  --surface-hover: hsl(var(--hue), 100%, var(--hover-luma));
+  --surface-active: hsl(var(--hue), 100%, var(--active-luma));
+  --text-normal: hsl(var(--hue), 100%, var(--text-luma));
 }
 [color]:not([color=standard]).fill-color {
   color: white;
diff --git a/src/colors.css b/src/colors.css
index 8b93e054..3aad1232 100644
--- a/src/colors.css
+++ b/src/colors.css
@@ -50,6 +50,17 @@ body[theme="dark"] [color]:not([color="standard"]).tile {
     --active-luma: 30%;
 
     --text-luma: 90%;
+
+    --surface: linear-gradient(
+        120deg,
+        hsl(var(--hue), 100%, var(--gradient-luma-1)),
+        hsla(var(--hue), 100%, var(--gradient-luma-2), 40%)
+    );
+    --surface-hover: hsl(var(--hue), 100%, var(--hover-luma));
+    --surface-active: hsl(var(--hue), 100%, var(--active-luma));
+
+    --text-normal: hsl(var(--hue), 100%, var(--text-luma));
+
 }
 
 /* fill */