From e0e6b319c059cc6ede09c9cc1c99751d1ca8f5f1 Mon Sep 17 00:00:00 2001
From: landmaster135 <52403447+landmaster135@users.noreply.github.com>
Date: Sun, 12 Jun 2022 01:29:12 +0900
Subject: [PATCH] make responsive on data-color-mode

---
 markdown-toc-code/css/content.css | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/markdown-toc-code/css/content.css b/markdown-toc-code/css/content.css
index 8292429..7c5358d 100644
--- a/markdown-toc-code/css/content.css
+++ b/markdown-toc-code/css/content.css
@@ -31,7 +31,7 @@
     padding: 20px;
     overflow: auto;
     overflow-x: hidden;
-    background-color: #fafbfc;
+    /* background-color: #fafbfc; */
     /* border: 1px solid #d1d5da; */
     border-right-width: 0;
 }
@@ -39,12 +39,27 @@
 .div_right_bar {
     /* width: 5px; */
     height: 100%;
-    background-color: #fafbfc;
+    /* background-color: #fafbfc; */
     cursor: col-resize;
     float: left;
     border-right: 1px solid #e1e4e8;
 }
 
+:root[data-color-mode="dark"] .div_toc {
+  background-color: #141b20;
+}
+
+:root[data-color-mode="dark"] .div_right_bar {
+  background-color: #141b20;
+}
+
+:root[data-color-mode="light"] .div_toc {
+  background-color: #fafbfc;
+}
+
+:root[data-color-mode="light"] .div_right_bar {
+  background-color: #fafbfc;
+}
 
 /* 这个地方 */
 
@@ -113,4 +128,4 @@ body {
     height: 50px;
     background-color: #9f9f9f;
     -webkit-border-radius: 4px;
-}
\ No newline at end of file
+}