Description

Fumadocs uses next-themes for theming and applies dark mode styles using the .dark className. However, our current theme-provider structure doesn't add this className, causing fumadocs dark theme styles (especially for code blocks) to not be applied.

Current Behavior

• fumadocs preset.css expects .dark className for dark mode
• Code block theming relies on:

  .dark .shiki:not(.not-fumadocs-codeblock *) {
   code span {
   color: var(--shiki-dark);
   }
  }

• Our theme provider doesn't add .dark className to the root element

Expected Behavior

Dark mode styles from fumadocs (including code blocks) should be properly applied when dark theme is active.

Solution

Need to verify and update theme-provider to ensure .dark className is added to the appropriate element when dark mode is enabled, maintaining compatibility with fumadocs theming system.