Fix tiptap styling

2025-01-02 16:12:46 -08:00
parent 5253980cdc
commit f618e4e1f3
2 changed files with 22 additions and 4 deletions
@@ -40,15 +40,14 @@

 :root {
  font-family: Lato;
-}
-
-[data-theme] {
  --base-100: oklch(var(--b1));
  --base-200: oklch(var(--b2));
  --base-300: oklch(var(--b3));
  --base-content: oklch(var(--bc));
  --primary: oklch(var(--p));
+  --primary-content: oklch(var(--pc));
  --secondary: oklch(var(--s));
+  --secondary-content: oklch(var(--sc));
 }

 .bg-alt,
@@ -239,3 +238,19 @@ emoji-picker {
  --input-font-color: var(--base-content);
  --outline-color: var(--base-100);
 }
+
+/* tiptap */
+
+.tiptap {
+  --tiptap-object-bg: var(--base-100);
+  --tiptap-object-fg: var(--base-content);
+  --tiptap-active-bg: var(--primary);
+  --tiptap-active-fg: var(--primary-content);
+}
+
+.tiptap-suggestions {
+  --tiptap-object-bg: var(--base-100);
+  --tiptap-object-fg: var(--base-content);
+  --tiptap-active-bg: var(--base-300);
+  --tiptap-active-fg: var(--base-content);
+}