Add Blocknote editor, Add theme switching

src/index.css

@@ -1,12 +1,13 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-
-@custom-variant dark (&:is(.dark *));
+@source "../node_modules/@blocknote/shadcn";
 
 body {
   font-family: "Fira Sans", sans-serif, monospace !important;
 }
 
+@custom-variant dark (&:is(.dark *));
+
 @theme inline {
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);
@@ -115,6 +116,14 @@ body {
   --sidebar-accent-foreground: oklch(0.985 0 0);
   --sidebar-border: oklch(1 0 0 / 10%);
   --sidebar-ring: oklch(0.556 0 0);
+
+  /* Blocknote tweaks */
+  --bn-colors-editor-background: #0a0a0a !important;
+  --bn-colors-block-background: #0a0a0a !important;
+
+  .bn-add-file-button {
+    background-color: var(--primary-foreground) !important;
+  }
 }
 
 @layer base {