docs: Dark mode styling fix (#548)

* Fixed styles that were overwritten by Mantine globals

* Removed old code

Author: matthewlipski

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

@@ -2,3 +2,24 @@
   background: transparent !important;
   height: 500px;
 }
+
+/* From Vitepress base styles, to overwrite Mantine globals */
+body {
+  margin: 0;
+  width: 100%;
+  min-width: 320px;
+  min-height: 100vh;
+  line-height: 24px;
+  font-family: var(--vp-font-family-base);
+  font-size: 16px;
+  font-weight: 400;
+  color: var(--vp-c-text-1);
+  background-color: var(--vp-c-bg);
+  direction: ltr;
+  font-synthesis: style;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+

packages/website/docs/demoUtils.ts

@@ -14,5 +14,5 @@ export const getStyles = (isDark: Ref<boolean>): string => `body {
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
   
-  background-color: ${isDark ? "#151515" : "white"};
+  background-color: ${isDark ? "#151515" : "white"} !important;
 }`;