Use brand colours as default for links and button colour for zen menu items.

This commit is contained in:
Fredrik Jonsson 2023-10-03 14:58:19 +02:00
commit 58f7451e14
2 changed files with 7 additions and 7 deletions

View file

@ -32,9 +32,9 @@ $colors: (
text-bg: $white,
text-meta: $grey-dark,
link: $black,
link-visited: $black,
link-hover: $brand,
link: $brand,
link-visited: $brand,
link-hover: $brand-light,
link-active: $red,
link-inverted: $white,
@ -60,7 +60,7 @@ $colors: (
mobile-menu-cover: rgba($black, .2),
button: $brand,
button-hover: $brand-dark,
button-hover: $brand-light,
button-text: $white,
button-text-hover: $white,
button-disabled: $grey,

View file

@ -185,19 +185,19 @@ figure {
a {
display: block;
background-color: var(--color-brand);
background-color: var(--color-button);
color: var(--color-text-bg);
padding: 2px 8px;
text-decoration: none;
&:hover,
&:focus {
background-color: var(--color-brand-dark);
background-color: var(--color-button-hover);
}
&:active,
&[aria-current] {
background-color: var(--color-brand);
background-color: var(--color-button);
text-decoration: underline;
}
}