Merge pull request #33 from Keldos-Li/dev/sass

fix dark mode compatibility

Former-commit-id: fa3ea08

src/latex-theme.scss

@@ -99,7 +99,7 @@
     --text-color: #dcdcdc;
     --select-text-bg-color: #9ab1cf;
     --select-text-font-color: #161616;
-    /*--bg-color: hsl(0, 0%, 15%);*/
+    --bg-color: hsl(0, 0%, 15%);
     --mermaid-theme: night;
   }
 }
@@ -784,14 +784,14 @@ h6.md-focus:before {
 
   :root {
     --blur-text-color: hsla(0, 0%, 90%, 0.2);
-    --active-file-bg-color: hsl(0, 0%, 5%);
+    --active-file-bg-color: #373737;
     /* 文件列表 当前文件激活 背景色*/
     --active-file-text-color: hsl(212, 100%, 75%);
     --active-file-border-color: hsl(212, 100%, 75%);
     /* 树形结构下文件激活边框色 */
     /*--side-bar-bg-color: hsl(0, 0%, 10%);*/
     /*文件 大纲 侧边栏 背景色*/
-    --item-hover-bg-color: hsl(0, 0%, 5%);
+    --item-hover-bg-color: #373737;
     /* 打开文文件夹、正文菜单、最近使用 hover 效果 */
     --item-hover-text-color: hsl(212, 100%, 75%);
     --primary-color: hsl(212, 100%, 75%);
@@ -867,4 +867,51 @@ h6.md-focus:before {
   span > a {
     color: #8bb1f9;
   }
+
+  /* quick open框  （e.g. 插入代码后弹出的语言候选框） */
+  .auto-suggest-container {
+    border: 0px;
+    background-color: #282828;
+  }
+
+  #typora-quick-open {
+    background-color: #282828;
+  }
+
+  #typora-quick-open input{
+    background-color: #282828;
+    border: 0;
+    border-bottom: 1px solid grey;
+  }
+
+  /* 插入图片后弹出的框 */
+  .context-menu,
+  #spell-check-panel,
+  #footer-word-count-info {
+      background-color: #282828;
+  }
+
+  /* 退出代码模式的按钮，以及最近打开文件页面中的按钮 */
+  .typora-sourceview-on #toggle-sourceview-btn, #recent-file-panel-action-btn {
+    background: #00000000; /* 设为透明，用于覆盖掉默认的浅色 */
+  }
+
+  /* 鼠标悬停到按钮上后的悬停文本框 */
+  .ty-tooltip {
+    background: #282828;
+    color: #fff;
+  }
+
+  /* 以下三段与 Unibody UI 模式的适配有关 */
+  .megamenu-content, .megamenu-opened header {
+    background: var(--bg-color);
+  }
+
+  .megamenu-menu {
+    background-color: #282828;
+  }
+
+  #recent-file-panel tbody tr:nth-child(2n-1) {
+    background-color: #282828;
+  }
 }