refactor: replace HEX color with OKLCH

1 files changed, 11 insertions, 11 deletions

diff --git a/assets/css/utils/_variables.scss b/assets/css/utils/_variables.scss
index b310333e..cf2b3ce6 100644
--- a/assets/css/utils/_variables.scss
+++ b/assets/css/utils/_variables.scss
@@ -1,13 +1,13 @@
 :root {
     /* colors */
-    --background-color: #f5f5f7;
+    --background-color: oklch(0.9707 0.0027 286.35);
+    --bright-background-color: oklch(0.9851 0 0);
     --block-background-color: rgb(var(--block-background-color-rgb));
     --block-background-color-rgb: 233, 232, 237;
-    --border-color: #d0d7de;
-    --text-color: #1d1d1f;
-    --secondary-text-color: #6e6e73;
-    --link-color: #313135;
-    --bright-background-color: #fafafa;
+    --border-color: oklch(0.8758 0.0123 247.97);
+    --text-color: oklch(0.2316 0.0038 286.1);
+    --secondary-text-color: oklch(0.5399 0.0077 286.14);
+    --link-color: oklch(0.3147 0.0071 285.99);
 
     /* fonts */
     --serif-font-family:
@@ -38,13 +38,13 @@
 }
 
 .dark {
-    --background-color: #1d2021;
+    --background-color: oklch(0.2408 0.0049 219.67);
     --block-background-color: rgb(var(--block-background-color-rgb));
     --block-background-color-rgb: 24, 26, 27;
     --border-color: rgba(255, 255, 255, 0.2);
-    --text-color: #d2cec9;
-    --secondary-text-color: #a1998d;
-    --link-color: #e3dfda;
-    --bright-background-color: #666;
+    --text-color: oklch(0.8532 0.0082 73.73);
+    --secondary-text-color: oklch(0.6863 0.0196 78.19);
+    --link-color: oklch(0.9054 0.0081 73.74);
+    --bright-background-color: oklch(0.5103 0 0);
 }