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
@@ -53,6 +53,11 @@
&:focus-visible {
background: darken(var(--theme-colors-primary-filled), 10%);
}
svg {
color: var(--theme-colors-primary-contrast);
fill: var(--theme-colors-primary-contrast);
}
}
&[data-variant='subtle'] {
@@ -60,8 +65,15 @@
background: transparent;
&:hover,
&:active,
&:focus-visible {
background: lighten(var(--theme-colors-surface), 10%);
@mixin dark {
background: lighten(var(--theme-colors-background), 5%);
}
@mixin light {
background: darken(var(--theme-colors-background), 5%);
}
}
}