Fix defaultShikiRenderer ignoring theme's fontStyle

shikijs · Oct 21, 2024 · a060c9a · a060c9a
1 parent 42015c1
commit a060c9a
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/shiki-twoslash/src/renderers/shiki.ts b/packages/shiki-twoslash/src/renderers/shiki.ts
@@ -29,7 +29,17 @@ export function defaultShikiRenderer(lines: Lines, options: HtmlRendererOptions,
       html += prefix
 
       l.forEach(token => {
-        html += `<span style="color: ${token.color}">${escapeHtml(token.content)}</span>`
+        const cssDeclarations = [`color: ${token.color}`];
+        if (token.fontStyle & shiki.FontStyle.Italic) {
+          cssDeclarations.push('font-style: italic');
+        }
+        if (token.fontStyle & shiki.FontStyle.Bold) {
+          cssDeclarations.push('font-weight: bold');
+        }
+        if (token.fontStyle & shiki.FontStyle.Underline) {
+          cssDeclarations.push('text-decoration: underline');
+        }
+        html += `<span style="color: ${cssDeclarations.join('; ')}">${escapeHtml(token.content)}</span>`
       })
       html += `</div>`
     }