fix button styles.

This commit is contained in:
Vixalie 2025-03-09 22:53:01 +08:00
parent 429d6451c4
commit eea7446346

View File

@ -379,11 +379,13 @@
--button-surface: var(--color-surface-container-highest); --button-surface: var(--color-surface-container-highest);
} }
&: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);
} }
} }
&.tonal_icon:disabled { &.tonal_icon:disabled {
@ -399,11 +401,13 @@
--button-surface: var(--color-inverse-surface); --button-surface: var(--color-inverse-surface);
} }
&: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);
} }
} }
&.outlined_icon:disabled { &.outlined_icon:disabled {