Fix issue with button border colors

This commit is contained in:
lindsaym-fa
2025-05-13 17:49:51 -04:00
committed by Lea Verou
parent 2c839a4225
commit 6af4e849af

View File

@@ -12,13 +12,11 @@
--wa-transition-normal: 0;
--wa-transition-fast: 0;
--border-color: var(--text-color);
--border-color-hover: var(--border-color);
--border-color-active: var(--border-color);
box-shadow: var(--wa-shadow-offset-x-s) var(--wa-shadow-offset-y-s) var(--wa-shadow-blur-s)
var(--wa-shadow-spread-s) var(--border-color);
--background-color-active: var(--border-color);
--text-color-active: var(--background-color);
margin-bottom: var(--wa-shadow-offset-y-s);
@@ -32,6 +30,13 @@
transform: translateY(var(--wa-shadow-offset-y-s));
}
:where(&),
.wa-light &,
.wa-dark .wa-invert & {
--border-color: var(--text-color);
--text-color-active: var(--background-color);
}
.wa-dark &,
.wa-invert & {
--border-color: var(--wa-color-border-quiet);