From ab9908d8d53a9d03192f889410fe56e1798289d0 Mon Sep 17 00:00:00 2001
From: KTibow <KTibow@users.noreply.github.com>
Date: Sun, 15 Dec 2024 11:29:06 -0800
Subject: [PATCH] no more `--text` for button

---
 src/lib/buttons/Button.svelte     | 11 +++++------
 src/lib/buttons/ButtonLink.svelte | 11 +++++------
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/lib/buttons/Button.svelte b/src/lib/buttons/Button.svelte
index 3f79880..d32d776 100644
--- a/src/lib/buttons/Button.svelte
+++ b/src/lib/buttons/Button.svelte
@@ -29,7 +29,6 @@
     height: 2.5rem;
     padding: 0 1.5rem;
     border-radius: var(--m3-button-shape);
-    color: rgb(var(--text));
     transition: all 200ms;
 
     align-items: center;
@@ -67,18 +66,18 @@
 
   .m3-container:enabled.elevated {
     background-color: rgb(var(--m3-scheme-surface-container-low));
-    --text: var(--m3-scheme-primary);
+    color: rgb(var(--m3-scheme-primary));
     box-shadow: var(--m3-util-elevation-1);
   }
 
   .m3-container:enabled.filled {
     background-color: rgb(var(--m3-scheme-primary));
-    --text: var(--m3-scheme-on-primary);
+    color: rgb(var(--m3-scheme-on-primary));
   }
 
   .m3-container:enabled.tonal {
     background-color: rgb(var(--m3-scheme-secondary-container));
-    --text: var(--m3-scheme-on-secondary-container);
+    color: rgb(var(--m3-scheme-on-secondary-container));
   }
 
   .m3-container.outlined {
@@ -87,13 +86,13 @@
   }
   .m3-container:enabled.outlined {
     border: 0.0625rem solid rgb(var(--m3-scheme-outline));
-    --text: var(--m3-scheme-primary);
+    color: rgb(var(--m3-scheme-primary));
   }
 
   .m3-container.text {
     background-color: transparent;
     padding: 0 0.75rem;
-    --text: var(--m3-scheme-primary);
+    color: rgb(var(--m3-scheme-primary));
   }
   .m3-container.text.icon-left {
     padding-right: 1rem;
diff --git a/src/lib/buttons/ButtonLink.svelte b/src/lib/buttons/ButtonLink.svelte
index 2bf2e7d..f13f29e 100644
--- a/src/lib/buttons/ButtonLink.svelte
+++ b/src/lib/buttons/ButtonLink.svelte
@@ -27,7 +27,6 @@
     height: 2.5rem;
     padding: 0 1.5rem;
     border-radius: var(--m3-button-shape);
-    color: rgb(var(--text));
     transition: all 200ms;
 
     align-items: center;
@@ -60,30 +59,30 @@
 
   .m3-container.elevated {
     background-color: rgb(var(--m3-scheme-surface-container-low));
-    --text: var(--m3-scheme-primary);
+    color: rgb(var(--m3-scheme-primary));
     box-shadow: var(--m3-util-elevation-1);
   }
 
   .m3-container.filled {
     background-color: rgb(var(--m3-scheme-primary));
-    --text: var(--m3-scheme-on-primary);
+    color: rgb(var(--m3-scheme-on-primary));
   }
 
   .m3-container.tonal {
     background-color: rgb(var(--m3-scheme-secondary-container));
-    --text: var(--m3-scheme-on-secondary-container);
+    color: rgb(var(--m3-scheme-on-secondary-container));
   }
 
   .m3-container.outlined {
     background-color: transparent;
     border: 0.0625rem solid rgb(var(--m3-scheme-outline));
-    --text: var(--m3-scheme-primary);
+    color: rgb(var(--m3-scheme-primary));
   }
 
   .m3-container.text {
     background-color: transparent;
     padding: 0 0.75rem;
-    --text: var(--m3-scheme-primary);
+    color: rgb(var(--m3-scheme-primary));
   }
   .m3-container.text.icon-left {
     padding-right: 1rem;