used hsla() instead of hsl() on some colors

This commit is contained in:
westtle 2024-02-13 14:36:45 +07:00
parent bc3e81b49c
commit d357eff591
3 changed files with 4 additions and 4 deletions

View file

@ -98,7 +98,7 @@ ul { list-style: none; }
:focus-visible {
outline: 0.125rem solid;
outline-color: hsl(var(--color-1, 0 0% 0%));
outline-color: hsla(var(--color-1, 0 0% 0% 100%));
outline-offset: var(--focus-offset, 0);
}

View file

@ -53,7 +53,7 @@
.settings__button:focus-visible {
--focus-offset: 0.125rem;
color: hsl(var(--settings-interact));
color: hsla(var(--settings-interact));
}
@media (hover:hover) {
@ -87,7 +87,7 @@
}
.settings__button--toggle-settings[aria-expanded="true"] .settings__svg--toggle-settings {
color: hsl(var(--settings-interact));
color: hsla(var(--settings-interact));
transform: rotate(180deg);
}

View file

@ -1,5 +1,5 @@
body {
color: hsl(var(--color-1));
color: hsla(var(--color-1));
background-color: hsl(var(--color-2));
min-height: 21.875rem;
}