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 { :focus-visible {
outline: 0.125rem solid; 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); outline-offset: var(--focus-offset, 0);
} }

View file

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

View file

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