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);
}
&: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 {