From eea7446346a5a72cf337126b2052e9e4d79c45df Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Sun, 9 Mar 2025 22:53:01 +0800
Subject: [PATCH] fix button styles.

---
 src/components.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components.css b/src/components.css
index 3592de2..e0ccf5e 100644
--- a/src/components.css
+++ b/src/components.css
@@ -379,11 +379,13 @@
         --button-surface: var(--color-surface-container-highest);
       }
       &:hover {
-        --button-surface: color-mix(in oklch, var(--button-text) 8%, transparent);
+        color: var(--button-text);
+        background-color: color-mix(in oklch, var(--button-text) 8%, transparent);
         box-shadow: var(--elevation-0);
       }
       &:active {
-        --button-surface: color-mix(in oklch, var(--button-text) 18%, transparent);
+        color: var(--button-text);
+        background-color: color-mix(in oklch, var(--button-text) 18%, transparent);
       }
     }
     &.tonal_icon:disabled {
@@ -399,11 +401,13 @@
         --button-surface: var(--color-inverse-surface);
       }
       &:hover {
-        --button-surface: color-mix(in oklch, var(--button-text) 8%, transparent);
+        color: var(--button-text);
+        background-color: color-mix(in oklch, var(--button-text) 8%, transparent);
         box-shadow: var(--elevation-0);
       }
       &:active {
-        --button-surface: color-mix(in oklch, var(--button-text) 18%, transparent);
+        color: var(--button-text);
+        background-color: color-mix(in oklch, var(--button-text) 18%, transparent);
       }
     }
     &.outlined_icon:disabled {