fix: support dual theme style

shikijs · Feb 25, 2024 · 6bb8143 · 6bb8143
1 parent 142695b
commit 6bb8143
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/vue/components/TokensRenderer.ts b/src/vue/components/TokensRenderer.ts
@@ -131,8 +131,8 @@ export const TokensRenderer = /* #__PURE__ */ defineComponent({
           ref: refTransitionGroup,
           tag: 'pre',
           name: 'shiki-magic-move',
-          class: 'shiki-magic-move-container',
-          style: style.value,
+          class: 'shiki-magic-move-container shiki',
+          style: [style.value, props.tokens.rootStyle],
 
           onAfterEnter,
           onAfterLeave,
@@ -148,7 +148,7 @@ export const TokensRenderer = /* #__PURE__ */ defineComponent({
             return h(
               'span',
               {
-                'style': { color: token.color },
+                'style': [{ color: token.color }, token.htmlStyle],
                 'class': 'shiki-magic-move-item',
                 'key': token.key,
                 // for debug