Update styling, again

Fix font drift fully, remove code block padding, use colorful headings

appearance.json

@@ -8,7 +8,8 @@
   "enabledCssSnippets": [
     "font",
     "vim-cursor",
-    "text-normalize"
+    "text-normalize",
+    "code-blocks"
   ],
   "accentColor": ""
 }

plugins/obsidian-minimal-settings/data.json

@@ -16,7 +16,7 @@
   "iframeWidth": "iframe-default-width",
   "mapWidth": "map-default-width",
   "chartWidth": "chart-default-width",
-  "colorfulHeadings": false,
+  "colorfulHeadings": true,
   "colorfulFrame": false,
   "colorfulActiveStates": false,
   "trimNames": true,

snippets/code-blocks.css

@@ -0,0 +1,15 @@
+/* Reading view */
+.markdown-rendered pre {
+  padding-left: 0;
+  padding-right: 0;
+}
+.markdown-rendered pre > code {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+/* Live Preview */
+.markdown-source-view.mod-cm6 .HyperMD-codeblock {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}

snippets/text-normalize.css

@@ -14,3 +14,47 @@ body {
   --h6-weight: 600;
   --h6-variant: normal;
 }
+
+/* ---------- 1. one face everywhere ---------- */
+body {
+  --my-mono: "iA Writer Mono V", "JetBrains Mono", "Berkeley Mono", var(--font-monospace-default);
+
+  /* Minimal's theme-level vars, skip the interface */
+  --font-text-theme:      var(--my-mono);
+  --font-monospace-theme: var(--my-mono);
+
+  /* Obsidian core vars */
+  --font-text:      var(--my-mono);
+  --font-monospace: var(--my-mono);
+
+  --h1-font: var(--my-mono);
+  --h2-font: var(--my-mono);
+  --h3-font: var(--my-mono);
+  --h4-font: var(--my-mono);
+  --h5-font: var(--my-mono);
+  --h6-font: var(--my-mono);
+
+  /* put code on the same grid as body text */
+  --code-size: var(--font-text-size);
+}
+
+/* ---------- 2. kill what breaks the grid ---------- */
+.markdown-rendered :is(h1, h2, h3, h4, h5, h6),
+.inline-title,
+.cm-s-obsidian .HyperMD-header,
+.cm-s-obsidian :is(.cm-header-1, .cm-header-2, .cm-header-3,
+                   .cm-header-4, .cm-header-5, .cm-header-6),
+.callout-title-inner,
+.table-view-table,
+code, pre, .cm-line, .metadata-property-value {
+  font-family: var(--my-mono) !important;
+  letter-spacing: 0 !important;
+  word-spacing: 0 !important;
+  font-variant: normal !important;
+  font-kerning: none;
+  font-variant-ligatures: none;
+  font-feature-settings: "liga" 0, "clig" 0, "calt" 0, "kern" 0;
+  font-synthesis: none;
+  text-rendering: optimizeSpeed;
+}
+