Skip to content

Commit ad919f4

Browse files
authored
fix: add CSS for shiki dual theme support (#397)
1 parent ec35aa3 commit ad919f4

1 file changed

Lines changed: 10 additions & 0 deletions

File tree

apps/docs/app/styles/geistdocs.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -180,6 +180,16 @@
180180
--fd-page-width: 100%;
181181
}
182182

183+
/* Shiki dual theme support - switch to dark theme colors in dark mode */
184+
.dark .shiki,
185+
.dark .shiki span {
186+
color: var(--shiki-dark) !important;
187+
background-color: var(--shiki-dark-bg) !important;
188+
font-style: var(--shiki-dark-font-style) !important;
189+
font-weight: var(--shiki-dark-font-weight) !important;
190+
text-decoration: var(--shiki-dark-text-decoration) !important;
191+
}
192+
183193
/* Overlay should sit below the navbar */
184194
#nd-docs-layout > div[data-state] {
185195
@apply top-16;

0 commit comments

Comments
 (0)