fix: fix code and table color normalize, close #243

vuepress · Sep 12, 2024 · bbd69e0 · bbd69e0
1 parent 8411b00
commit bbd69e0
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 15 deletions.
diff --git a/themes/theme-default/src/client/styles/normalize.scss b/themes/theme-default/src/client/styles/normalize.scss
@@ -25,10 +25,13 @@ a {
 }
 
 code {
-  background-color: var(--vp-c-bg-alt);
-  color: var(--vp-c-text-mute);
   font-family: var(--code-font-family);
-  transition: background-color var(--vp-t-color);
+
+  :not(pre) > & {
+    background-color: var(--vp-c-grey-soft);
+    color: var(--vp-c-text-mute);
+    transition: background-color var(--vp-t-color);
+  }
 
   p a & {
     color: var(--vp-c-accent);
@@ -55,15 +58,9 @@ table {
   transition: border-color var(--vp-t-color);
 }
 
-tr {
-  &:nth-child(odd) {
-    background-color: var(--vp-c-bg-alt);
-    transition: background-color var(--vp-t-color);
-
-    code {
-      background-color: var(--vp-c-gutter);
-    }
-  }
+tbody tr:nth-child(odd) {
+  background-color: var(--vp-c-bg-alt);
+  transition: background-color var(--vp-t-color);
 }
 
 th,

diff --git a/themes/theme-default/src/client/styles/vars.scss b/themes/theme-default/src/client/styles/vars.scss
@@ -77,8 +77,8 @@
   --docsearch-highlight-color: var(--vp-c-accent);
   --docsearch-muted-color: var(--vp-c-text-mute);
   --docsearch-container-background: rgb(9 10 17 / 80%);
-  --docsearch-modal-background: var(--vp-c-bg-alt);
-  --docsearch-searchbox-background: var(--vp-c-bg-alt);
+  --docsearch-modal-background: var(--vp-c-bg-elv);
+  --docsearch-searchbox-background: var(--vp-c-bg-elv);
   --docsearch-searchbox-focus-background: var(--vp-c-bg);
   --docsearch-searchbox-shadow: inset 0 0 0 2px var(--vp-c-accent-soft);
   --docsearch-hit-color: var(--vp-c-text-mute);

diff --git a/tools/helper/src/client/styles/normalize.scss b/tools/helper/src/client/styles/normalize.scss
@@ -199,7 +199,7 @@ table {
   border-collapse: collapse;
 }
 
-tr:nth-child(odd) {
+tbody tr:nth-child(odd) {
   background: #f6f8fa;
 }