Skip to content

Unify Shiki light/dark themes across the docs site - #41

Merged
aivascu merged 1 commit into
masterfrom
fix/shiki-dual-themes
Aug 31, 2026
Merged

Unify Shiki light/dark themes across the docs site#41
aivascu merged 1 commit into
masterfrom
fix/shiki-dual-themes

Conversation

@aivascu

@aivascu aivascu commented Aug 31, 2026

Copy link
Copy Markdown
Member

Summary

  • Use the same Shiki themes everywhere (light-plus / dark-plus) with defaultColor: false for landing, API, and Nuxt Content.
  • Override @nuxt/ui's MDC default material-theme-lighter so docs light mode matches the landing page.
  • Apply class-based dual-theme CSS (html / html.light / html.dark) instead of fighting inline colors.

Test plan

  • Restart nuxt dev (or clear site/.data) so Content re-highlights
  • Landing C# block looks correct in light and dark mode
  • A docs page code block matches landing colors in light mode
  • An API page code block matches in light and dark mode
  • Toggle color mode and confirm tokens update without a full reload

Override Nuxt UI's material light theme, use light-plus/dark-plus with defaultColor false everywhere, and apply class-based dual-theme CSS.
@aivascu
aivascu merged commit eb8e4d1 into master Aug 31, 2026
2 checks passed
@aivascu
aivascu deleted the fix/shiki-dual-themes branch August 31, 2026 19:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant