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

View file

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