adjust styles to better support light theme

This commit is contained in:
jeffvli 2025-06-25 19:44:28 -07:00
parent ac0c396712
commit 8f585a5be9
8 changed files with 66 additions and 30 deletions

View file

@ -92,7 +92,13 @@
&:hover,
&:active,
&:focus-visible {
background-color: lighten(var(--button-bg), 10%);
@mixin dark {
background-color: lighten(var(--theme-colors-background), 10%);
}
@mixin light {
background-color: darken(var(--theme-colors-background), 5%);
}
}
}
@ -100,11 +106,11 @@
border: 1px solid transparent;
&:hover {
background-color: darken(var(--button-bg), 5%);
background-color: darken(var(--theme-colors-background), 5%);
}
&:focus-visible {
background-color: darken(var(--button-bg), 10%);
background-color: darken(var(--theme-colors-background), 10%);
}
}