Fix table and inline code contrast in dark theme

ai-shifu · Aug 6, 2023 · 9d38812 · 9d38812 · vercel · Aug 6, 2023
1 parent 4e3ae4f
commit 9d38812
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -289,4 +289,15 @@ img.selected {
 .arrow.right {
     display: inline-block !important;
 }
+.vuepress-markdown-body tr:nth-child(2n) {
+  background-color: rgb(var(--v-theme-table-tr-2n))!important;
+}
+.vuepress-markdown-body code {
+  color: rgb(var(--v-theme-code-font))!important;
+  background-color: rgb(var(--v-theme-code-background))!important;
+}
+.vuepress-markdown-body pre[class*=v-md-prism-] code, .vuepress-markdown-body pre code {
+  color: #fff!important;
+  background-color: initial!important;
+}
 </style>
diff --git a/src/main.js b/src/main.js
@@ -65,6 +65,9 @@ const vuetify = createVuetify({
           prompt: "#95ec69",
           response: "#fff",
           font: "#212121",
+          "table-tr-2n": "#F6F8FA",
+          "code-font": "#476582",
+          "code-background": "#F3F4F4",
         },
       },
       dark: {
@@ -79,6 +82,9 @@ const vuetify = createVuetify({
           prompt: "#222329",
           response: "#131419",
           font: "#fff",
+          "table-tr-2n": "#1d1e20",
+          "code-font": "#cbdae6",
+          "code-background": "#292a2d",
         },
       },
     },