fix button styles.

This commit is contained in:
Vixalie 2025-03-09 22:51:45 +08:00
parent 128a45ad77
commit 429d6451c4

View File

@ -260,11 +260,13 @@
--button-text: var(--color-info); --button-text: var(--color-info);
} }
&:hover { &: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); box-shadow: var(--elevation-0);
} }
&:active { &: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 { &.text:disabled {
@ -296,11 +298,13 @@
} }
} }
&:hover { &: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); box-shadow: var(--elevation-0);
} }
&:active { &: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 { &.icon:disabled {