From 3b50d02d0ddbd6888967c8ddf3ca296c2efea8c6 Mon Sep 17 00:00:00 2001
From: westtle <103447524+westtle@users.noreply.github.com>
Date: Wed, 14 Feb 2024 14:14:53 +0700
Subject: [PATCH] changed hsl alpha channel to non-percent number

---
 assets/styles/global.css   | 6 +++---
 assets/styles/settings.css | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/assets/styles/global.css b/assets/styles/global.css
index c8de85e..037b862 100644
--- a/assets/styles/global.css
+++ b/assets/styles/global.css
@@ -12,13 +12,13 @@
     --cod-gray: 0, 0%, 6%;
     --gray: 0, 0%, 58%;
 
-    --color-1: var(--black), 80%;
+    --color-1: var(--black), 0.8;
     --color-2: var(--white);
     --color-3: var(--gray); /* Placeholder and Icons */
 }
 
 :root[data-theme="dark"] {
-    --color-1: var(--white), 80%;
+    --color-1: var(--white), 0.8;
     --color-2: var(--cod-gray);
 
     color-scheme: dark;
@@ -76,7 +76,7 @@ ul { list-style: none; }
 
 :focus-visible {
     outline: 0.125rem solid;
-    outline-color: hsla(var(--color-1, 0 0% 0% 100%));
+    outline-color: hsla(var(--color-1, 0 0% 0% 1));
     outline-offset: var(--focus-offset, 0);
 }
 
diff --git a/assets/styles/settings.css b/assets/styles/settings.css
index b4b41e4..a5b4bcc 100644
--- a/assets/styles/settings.css
+++ b/assets/styles/settings.css
@@ -88,7 +88,7 @@ Settings
 }
 
 .settings__buttons,
-.settings__button--toggle-settings { box-shadow: 0 0.0625rem 0.25rem hsl(0, 0%, 0%, 25%); }
+.settings__button--toggle-settings { box-shadow: 0 0.0625rem 0.25rem hsl(0, 0%, 0%, 0.25); }
 
 /* Settings > SVG */