From 086f8b207e34eee21618a528c04262776e9cb3eb Mon Sep 17 00:00:00 2001
From: hieu-jan <150573299+hieu-jan@users.noreply.github.com>
Date: Sat, 9 Mar 2024 19:46:35 +0900
Subject: [PATCH] docs: enhance css style

---
 docs/src/css/custom.css | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index fd1f2b384..4593f4f94 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -4,43 +4,45 @@
 }
 
 /* For dark theme */
-[data-theme="dark"] .DocSearch {
+[data-theme='dark'] .DocSearch {
   --docsearch-hit-active-color: #090a11; /* Keep the color unchanged */
 }
-
-/* Sidebar styles */
-.head_Menu div {
+/* Sidebar styles based on Docusaurus light theme */
+[data-theme='light'] .head_Menu div {
   font-weight: bold;
-  background-color: whitesmoke;
+  background-color: var(--ifm-background-color);
   margin-left: 0.7rem;
   font-size: larger;
+  color: var(--ifm-font-color-base);
 }
 
-.head_Menu li {
+[data-theme='light'] .head_Menu li {
   font-weight: normal;
-  background-color: white;
+  background-color: var(--ifm-background-color);
   margin-bottom: 5px;
+  color: var(--ifm-font-color-base);
 }
 
-.head_SubMenu div {
+[data-theme='light'] .head_SubMenu div {
   font-weight: normal;
-  background-color: white;
+  background-color: var(--ifm-background-color);
   margin-left: 0rem;
   font-size: medium;
+  color: var(--ifm-font-color-base);
 }
 
 /* Dark mode styles based on Docusaurus dark theme */
-[data-theme="dark"] .head_Menu div {
+[data-theme='dark'] .head_Menu div {
   background-color: var(--ifm-background-color);
   color: var(--ifm-font-color-base);
 }
 
-[data-theme="dark"] .head_Menu li {
+[data-theme='dark'] .head_Menu li {
   background-color: var(--ifm-background-color);
   color: var(--ifm-font-color-base);
 }
 
-[data-theme="dark"] .head_SubMenu div {
+[data-theme='dark'] .head_SubMenu div {
   background-color: var(--ifm-background-color);
   color: var(--ifm-font-color-base);
 }