Fixed home page demo theme (#318)

Author: matthewlipski

packages/website/docs/.vitepress/theme/components/Examples/BlockNote/ReactBlockNote.module.css

@@ -1,4 +1,4 @@
 .editor {
-  background: transparent;
+  background: transparent !important;
   height: 500px;
 }

packages/website/docs/.vitepress/theme/components/Examples/BlockNote/ReactBlockNote.tsx

@@ -52,10 +52,11 @@ export function ReactBlockNote(props: { theme: "light" | "dark" }) {
 
   const editor = useBlockNote(
     {
-      editorDOMAttributes: {
-        class: styles.editor,
+      domAttributes: {
+        editor: {
+          class: styles.editor,
+        },
       },
-      theme: props.theme,
       collaboration: {
         provider,
         fragment: doc.getXmlFragment("blocknote"),
@@ -84,5 +85,5 @@ export function ReactBlockNote(props: { theme: "light" | "dark" }) {
     };
   }, [editor?.domElement]);
 
-  return <BlockNoteView editor={editor} />;
+  return <BlockNoteView editor={editor} theme={props.theme} />;
 }