Browse Source

fix: correct sidebar-toggle background in dark mode

docsify vue.css 给 .sidebar-toggle 写死了 hsla(0,0%,100%,.8) 的浅色背景,
在 body.dark-mode 作用域下未被覆盖,导致深色模式下左下角汉堡按钮背后出现
浅色块。新增 body.dark-mode 作用域下的覆盖规则(含小屏折叠态
body.dark-mode.close .sidebar-toggle),背景置为 transparent。
odieyang 1 month ago
parent
commit
b6fb890a9a
1 changed files with 8 additions and 0 deletions
  1. 8 0
      docs/index.html

+ 8 - 0
docs/index.html

@@ -193,6 +193,14 @@
             background-color: var(--theme-color);
             color: white;
         }
+
+        /* 深色模式下修正 docsify 自带 .sidebar-toggle (左下角汉堡) 的浅色背景 */
+        /* vue.css 默认写死 background-color: hsla(0,0%,100%,.8),并在小屏折叠态
+           (body.close .sidebar-toggle) 下回写同色,这里一并覆盖 */
+        body.dark-mode .sidebar-toggle,
+        body.dark-mode.close .sidebar-toggle {
+            background-color: transparent;
+        }
     </style>
 </head>