From 828d993606d18ffe31a260d67fa7b2dec95b7e30 Mon Sep 17 00:00:00 2001
From: dnlklmn <pelicansinberlin@gmail.com>
Date: Thu, 3 Apr 2025 15:13:25 +0200
Subject: [PATCH] Make button text color white except for ghost

---
 src/components/Button.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Button.svelte b/src/components/Button.svelte
index cdf4991c6..64e3e0862 100644
--- a/src/components/Button.svelte
+++ b/src/components/Button.svelte
@@ -28,7 +28,8 @@
       `--button-color-2: var(--color-fill-${variant}-hover);` +
       `--button-color-3: var(--color-fill-${variant}-shade);` +
       // The ghost colors are called --color-fill-counter and --color-fill-counter-emphasized.
-      `--button-color-4: var(--color-fill${variant === "ghost" ? "" : `-${variant}`}-counter)`,
+      `--button-color-4: var(--color-fill${variant === "ghost" ? "" : `-${variant}`}-counter);` +
+      `--text-color: ${variant === "ghost" ? "var(--color-foreground-contrast)" : "var(--color-foreground-white)"}`,
   );
 </script>
 
@@ -40,6 +41,8 @@
     -webkit-user-select: none;
     user-select: none;
 
+    color: var(--text-color);
+
     height: 2rem;
     column-gap: 0;
     row-gap: 0;