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;
+ }
 }