From 1aa0e7e148e34dc0b48f2dd3a499cc78c71ac945 Mon Sep 17 00:00:00 2001
From: RainyXeon / <minh15052008@gmail.com>
Date: Tue, 25 Jun 2024 10:11:05 +0700
Subject: [PATCH] fix: light theme on dim card

---
 webroot/css/index.css    | 1 +
 webroot/index.html       | 6 ++++++
 webroot/js/init_theme.js | 2 ++
 3 files changed, 9 insertions(+)

diff --git a/webroot/css/index.css b/webroot/css/index.css
index 84222f5..ba2563f 100644
--- a/webroot/css/index.css
+++ b/webroot/css/index.css
@@ -10,6 +10,7 @@
   /* Locked Color */
   --lock-desc: #c9c9c9;
   --lock: #fff;
+  --test: #b9b9b9;
 }
 
 * {
diff --git a/webroot/index.html b/webroot/index.html
index eb87125..a7d7f53 100644
--- a/webroot/index.html
+++ b/webroot/index.html
@@ -49,6 +49,12 @@
       <!-- N/A -->
     </div>
 
+    <div id="rezygisk_settings" class="dim card">
+      <div class="dimc content" style="font-size: 1.2em;">
+        Settings
+      </div>
+    </div>
+
     <div id="rezygisk_settings" class="dim card" style="display: none;">
       <div class="dimc content" style="font-size: 1.2em;">
         Settings
diff --git a/webroot/js/init_theme.js b/webroot/js/init_theme.js
index 2008d9b..9693909 100644
--- a/webroot/js/init_theme.js
+++ b/webroot/js/init_theme.js
@@ -22,6 +22,7 @@ function setDark() {
   rootCss.style.setProperty('--font', '#ffffff')
   rootCss.style.setProperty('--desc', '#c9c9c9')
   rootCss.style.setProperty('--spliter', '#283136')
+  rootCss.style.setProperty('--dim', '#1d2327')
   sys_theme = setData('dark')
   button.innerHTML = '<img src="assets/dark.svg">'
   return
@@ -32,6 +33,7 @@ function setLight() {
   rootCss.style.setProperty('--font', '#2c2c2c')
   rootCss.style.setProperty('--desc', '#444444')
   rootCss.style.setProperty('--spliter', '#4f6069')
+  rootCss.style.setProperty('--dim', '#b9b9b9')
   sys_theme = setData('light')
   button.innerHTML = light_icon
   return