feat: comprehensive theme.json config with live hot-reload for editor styling

2026-02-16 08:04:06 +01:00
parent 9afc13811e
commit 405d5f39fc
4 changed files with 371 additions and 1 deletions
--- a/src/theme.json
+++ b/src/theme.json
@@ -0,0 +1,137 @@
+{
+  "editor": {
+    "fontFamily": "'Inter', -apple-system, BlinkMacSystemFont, sans-serif",
+    "fontSize": 16,
+    "lineHeight": 1.7,
+    "maxWidth": 720,
+    "paddingHorizontal": 40,
+    "paddingVertical": 20,
+    "paragraphSpacing": 8
+  },
+  "headings": {
+    "h1": {
+      "fontSize": 32,
+      "fontWeight": 700,
+      "lineHeight": 1.2,
+      "marginTop": 32,
+      "marginBottom": 12,
+      "color": "var(--text-heading)",
+      "letterSpacing": -0.5
+    },
+    "h2": {
+      "fontSize": 24,
+      "fontWeight": 600,
+      "lineHeight": 1.3,
+      "marginTop": 28,
+      "marginBottom": 10,
+      "color": "var(--text-heading)",
+      "letterSpacing": -0.3
+    },
+    "h3": {
+      "fontSize": 20,
+      "fontWeight": 600,
+      "lineHeight": 1.4,
+      "marginTop": 24,
+      "marginBottom": 8,
+      "color": "var(--text-heading)",
+      "letterSpacing": 0
+    },
+    "h4": {
+      "fontSize": 17,
+      "fontWeight": 600,
+      "lineHeight": 1.4,
+      "marginTop": 20,
+      "marginBottom": 6,
+      "color": "var(--text-heading)",
+      "letterSpacing": 0
+    }
+  },
+  "lists": {
+    "bulletSymbol": "•",
+    "bulletSize": 14,
+    "bulletColor": "var(--text-tertiary)",
+    "indentSize": 24,
+    "itemSpacing": 4,
+    "paddingLeft": 8,
+    "nestedBulletSymbols": ["•", "◦", "▪"]
+  },
+  "checkboxes": {
+    "size": 16,
+    "borderRadius": 3,
+    "checkedColor": "var(--accent-blue)",
+    "uncheckedBorderColor": "var(--text-muted)"
+  },
+  "inlineStyles": {
+    "bold": {
+      "fontWeight": 700,
+      "color": "var(--text-primary)"
+    },
+    "italic": {
+      "fontStyle": "italic",
+      "color": "var(--text-primary)"
+    },
+    "strikethrough": {
+      "color": "var(--text-tertiary)",
+      "textDecoration": "line-through"
+    },
+    "code": {
+      "fontFamily": "'SF Mono', 'Fira Code', monospace",
+      "fontSize": 14,
+      "backgroundColor": "var(--bg-hover-subtle)",
+      "paddingHorizontal": 4,
+      "paddingVertical": 2,
+      "borderRadius": 3,
+      "color": "var(--text-secondary)"
+    },
+    "link": {
+      "color": "var(--accent-blue)",
+      "textDecoration": "underline"
+    },
+    "wikilink": {
+      "color": "var(--accent-blue)",
+      "textDecoration": "none",
+      "borderBottom": "1px dotted var(--accent-blue)",
+      "cursor": "pointer"
+    }
+  },
+  "codeBlocks": {
+    "fontFamily": "'SF Mono', 'Fira Code', monospace",
+    "fontSize": 13,
+    "lineHeight": 1.5,
+    "backgroundColor": "var(--bg-card)",
+    "paddingHorizontal": 16,
+    "paddingVertical": 12,
+    "borderRadius": 6,
+    "marginVertical": 12
+  },
+  "blockquote": {
+    "borderLeftWidth": 3,
+    "borderLeftColor": "var(--accent-blue)",
+    "paddingLeft": 16,
+    "marginVertical": 12,
+    "color": "var(--text-secondary)",
+    "fontStyle": "italic"
+  },
+  "table": {
+    "borderColor": "var(--border-primary)",
+    "headerBackground": "var(--bg-card)",
+    "cellPaddingHorizontal": 12,
+    "cellPaddingVertical": 8,
+    "fontSize": 14
+  },
+  "horizontalRule": {
+    "color": "var(--border-primary)",
+    "marginVertical": 24,
+    "thickness": 1
+  },
+  "colors": {
+    "background": "var(--bg-primary)",
+    "text": "var(--text-primary)",
+    "textSecondary": "var(--text-secondary)",
+    "textMuted": "var(--text-muted)",
+    "heading": "var(--text-heading)",
+    "accent": "var(--accent-blue)",
+    "selection": "var(--bg-selected)",
+    "cursor": "var(--text-primary)"
+  }
+}