From 429d6451c4eb70ffeb73162fa0a749cf0df63659 Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Sun, 9 Mar 2025 22:51:45 +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 4868139..3592de2 100644
--- a/src/components.css
+++ b/src/components.css
@@ -260,11 +260,13 @@
         --button-text: var(--color-info);
       }
       &: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);
       }
     }
     &.text:disabled {
@@ -296,11 +298,13 @@
         }
       }
       &: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);
       }
     }
     &.icon:disabled {