feat(plugin-markdown-tab): improve fallback color when using shiki

vuepress · Oct 25, 2024 · f6dec37 · f6dec37
1 parent c668f07
commit f6dec37
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/plugins/markdown/plugin-markdown-tab/src/client/styles/code-tabs.scss b/plugins/markdown/plugin-markdown-tab/src/client/styles/code-tabs.scss
@@ -69,7 +69,7 @@
   }
 
   &.active {
-    background: var(--code-c-bg);
+    background: var(--code-c-bg, var(--vp-c-bg-alt));
 
     &::before {
       background: radial-gradient(

diff --git a/plugins/markdown/plugin-markdown-tab/src/client/styles/vars.css b/plugins/markdown/plugin-markdown-tab/src/client/styles/vars.css
@@ -1,7 +1,7 @@
 :root {
   --code-tabs-c-text: var(--code-c-text);
   --code-tabs-c-bg: var(--code-c-highlight-bg);
-  --code-tabs-c-hover: var(--code-c-bg);
+  --code-tabs-c-hover: var(--code-c-bg, var(--vp-c-bg-alt));
   --tab-c-bg: var(--vp-c-bg);
   --tab-c-nav: var(--vp-c-text);
   --tab-c-bg-nav: var(--vp-c-grey-bg);