Darkmode not applied in next.js next-themes

[TheMikeyRoss]

Describe the bug
Switching the theme using next-themes don't apply changes to the colors of `BlockNote

Misc

• Node version: 18.19.3
• Package manager: pnpm
• Browser: chrome

[zaaakher]

Make sure to pass the resolvedTheme to theme prop in the BlockNoteView component.

<BlockNoteView
  editor={noteEditor}
  data-note-input
  theme={resolvedTheme as 'light' | 'dark'}
/>

and in your globals.css

.bn-container[data-note-input][data-color-scheme="dark"] {
   /* styles when theme is dark*/ 
}
.bn-container[data-note-input][data-color-scheme="light"] {
   /* styles when theme is light */ 
}

Make sure to use the css variables mentioned here

[TheMikeyRoss]

That's exactly what i'm looking for, thank you @zaaakher