From 3e101bd51ef5ecf2a285e841cf4425100d89c4a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C4=A9nh=20Ph=C6=B0=E1=BB=9Bc?= <vinhphuoc9919@gmail.com>
Date: Sat, 8 Mar 2025 16:28:43 +0700
Subject: [PATCH] fix: Menu color is hardcoded as white

---
 assets/css/color/blue.scss   |  1 +
 assets/css/color/green.scss  |  1 +
 assets/css/color/orange.scss |  1 +
 assets/css/color/paper.scss  |  1 +
 assets/css/color/pink.scss   |  1 +
 assets/css/color/red.scss    |  1 +
 assets/css/menu.scss         | 14 ++++++++------
 7 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/assets/css/color/blue.scss b/assets/css/color/blue.scss
index 92ad485..5e88334 100644
--- a/assets/css/color/blue.scss
+++ b/assets/css/color/blue.scss
@@ -5,6 +5,7 @@
   --background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%);
   --border-color: rgba(255, 255, 255, 0.1);
   --color: white;
+  --menu-color: white;
 
   // Use in code syntax highlighting
   --syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%);
diff --git a/assets/css/color/green.scss b/assets/css/color/green.scss
index 384bc34..9637c72 100644
--- a/assets/css/color/green.scss
+++ b/assets/css/color/green.scss
@@ -5,6 +5,7 @@
   --background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%);
   --border-color: rgba(255, 255, 255, 0.1);
   --color: white;
+  --menu-color: white;
 
   // Use in code syntax highlighting
   --syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%);
diff --git a/assets/css/color/orange.scss b/assets/css/color/orange.scss
index c5eeb39..bc7c240 100644
--- a/assets/css/color/orange.scss
+++ b/assets/css/color/orange.scss
@@ -5,6 +5,7 @@
   --background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%);
   --border-color: rgba(255, 255, 255, 0.1);
   --color: white;
+  --menu-color: white;
 
   // Use in code syntax highlighting
   --syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%);
diff --git a/assets/css/color/paper.scss b/assets/css/color/paper.scss
index 130d9a0..9555d5b 100644
--- a/assets/css/color/paper.scss
+++ b/assets/css/color/paper.scss
@@ -5,6 +5,7 @@
   --background: color-mix(in srgb, var(--accent) 2%, #fefcfa 98%);
   --border-color: rgba(0, 0, 0, 0.1);
   --color: black;
+  --menu-color: black;
 
   // Use in code syntax highlighting
   --syntax-func-color: color-mix(in srgb, var(--accent) 70%, #000 30%);
diff --git a/assets/css/color/pink.scss b/assets/css/color/pink.scss
index c47a269..e99b477 100644
--- a/assets/css/color/pink.scss
+++ b/assets/css/color/pink.scss
@@ -5,6 +5,7 @@
   --background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%);
   --border-color: rgba(255, 255, 255, 0.1);
   --color: white;
+  --menu-color: white;
 
   // Use in code syntax highlighting
   --syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%);
diff --git a/assets/css/color/red.scss b/assets/css/color/red.scss
index b8ace53..38b6229 100644
--- a/assets/css/color/red.scss
+++ b/assets/css/color/red.scss
@@ -5,6 +5,7 @@
   --background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%);
   --border-color: rgba(255, 255, 255, 0.1);
   --color: white;
+  --menu-color: white;
 
   // Use in code syntax highlighting
   --syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%);
diff --git a/assets/css/menu.scss b/assets/css/menu.scss
index 5038dd2..3252f91 100644
--- a/assets/css/menu.scss
+++ b/assets/css/menu.scss
@@ -2,11 +2,12 @@
   --shadow-color: color-mix(in srgb, var(--background), transparent 20%);
   display: none;
   flex-direction: column;
-  --shadow: 0 10px var(--shadow-color), -10px 10px var(--shadow-color), 10px 10px var(--shadow-color);
+  --shadow: 0 10px var(--shadow-color), -10px 10px var(--shadow-color),
+    10px 10px var(--shadow-color);
   position: absolute;
   background: var(--background);
   box-shadow: var(--shadow);
-  color: white;
+  color: var(--menu-color);
   border: 2px solid;
   margin: 0;
   padding: 10px;
@@ -45,7 +46,7 @@
     margin: 0;
     padding: 0;
 
-    > li {
+    >li {
       flex: 0 0 auto;
       margin-bottom: 10px;
       white-space: nowrap;
@@ -91,6 +92,7 @@
     &--title {
       padding: 5px;
     }
+
     &--list {
       list-style-type: unset;
     }
@@ -103,7 +105,7 @@
       display: flex;
     }
 
-    > li {
+    >li {
       flex: 0 0 auto;
 
       &:not(:last-of-type) {
@@ -119,7 +121,7 @@
 
   &--desktop {
     @media (max-width: $phone) {
-      display: none
+      display: none;
     }
   }
 
@@ -163,4 +165,4 @@
       right: 0;
     }
   }
-}
+}
\ No newline at end of file