brendan/obsidian-global-config
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Unify all font customizations

Browse Source
This commit is contained in:
Brendan Chen
2026-07-29 12:38:17 -04:00
parent 7cb48ee528
commit 84bed0b4f9
4 changed files with 146 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
appearance.json
View File

@@ -10,7 +10,8 @@
"vim-cursor",
"text-normalize",
"code-blocks",
"minimal-heading-colors"
"minimal-heading-colors",
"minimal-mono-grid"
],
"accentColor": ""
}

8
snippets/minimal-heading-colors.css
View File

@@ -1,8 +0,0 @@
body.colorful-headings {
--h1-color: var(--color-purple);
--h2-color: var(--color-purple);
--h3-color: var(--color-purple);
--h4-color: var(--color-purple);
--h5-color: var(--color-purple);
--h6-color: var(--color-purple);
}

93
snippets/minimal-mono-grid.css Normal file
View File

@@ -0,0 +1,93 @@
/* ============================================================
Minimal — monospace grid
Save to .obsidian/snippets/ and enable in
Settings → Appearance → CSS snippets
============================================================ */
/* ---- 1. Font + size variables ------------------------------ */
body {
--my-mono: "iA Writer Mono V", "JetBrains Mono", "Berkeley Mono", var(--font-monospace-default);
--font-text-theme: var(--my-mono);
--font-monospace-theme: var(--my-mono);
--font-text: var(--my-mono);
--font-monospace: var(--my-mono);
--code-size: var(--font-text-size);
--h1-size: 18px; --h1-weight: 600;
--h2-size: 18px; --h2-weight: 600;
--h3-size: 18px; --h3-weight: 600;
--h4-size: 18px; --h4-weight: 600;
--h5-size: 18px; --h5-weight: 600;
--h6-size: 18px; --h6-weight: 600;
--h1-variant: normal; --h2-variant: normal; --h3-variant: normal;
--h4-variant: normal; --h5-variant: normal; --h6-variant: normal;
--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);
}
/* ---- 2. Heading colors -------------------------------------
Must be body.colorful-headings (0,1,1) to beat Minimal's own
rule. Delete this block if colorful headings is off. */
body.colorful-headings {
--h1-color: var(--color-purple);
--h2-color: var(--color-purple);
--h3-color: var(--color-purple);
--h4-color: var(--color-purple);
--h5-color: var(--color-purple);
--h6-color: var(--color-purple);
}
/* ---- 3. Catch-all: family + metrics, NEVER size ------------- */
.markdown-source-view.mod-cm6 .cm-line,
.markdown-source-view.mod-cm6 .cm-line *,
.markdown-rendered,
.markdown-rendered * {
font-family: var(--my-mono) !important;
letter-spacing: 0 !important;
word-spacing: 0 !important;
font-variant: normal !important;
font-kerning: none !important;
font-variant-ligatures: none !important;
font-feature-settings: "liga" 0, "clig" 0, "calt" 0, "kern" 0 !important;
font-synthesis: none !important;
text-rendering: optimizeSpeed;
}
/* ---- 4. Footnotes: force size back to the grid -------------
Scoped so it can't touch headings. This is the piece the
catch-all could not do. */
.cm-s-obsidian .cm-line.HyperMD-footnote,
.cm-s-obsidian .cm-line.HyperMD-footnote *,
.cm-s-obsidian span.cm-footref,
.cm-s-obsidian span.cm-footref.cm-hmd-barelink,
.cm-s-obsidian span.cm-footref.cm-hmd-barelink.cm-formatting,
.markdown-rendered .footnotes,
.markdown-rendered .footnotes *,
.markdown-rendered sup,
.markdown-rendered sub,
.markdown-rendered a.footnote-link {
font-size: var(--font-text-size) !important;
line-height: var(--line-height-normal) !important;
vertical-align: baseline !important;
}
.markdown-rendered .footnotes ol > li::marker {
font-family: var(--my-mono);
font-size: var(--font-text-size);
}
/* ---- 5. Code blocks flush with body text ------------------- */
.markdown-rendered pre,
.markdown-rendered pre > code {
padding-left: 0;
padding-right: 0;
}
.markdown-source-view.mod-cm6 .HyperMD-codeblock {
padding-left: 0 !important;
padding-right: 0 !important;
}

51
snippets/text-normalize.css
View File

@@ -58,3 +58,54 @@ code, pre, .cm-line, .metadata-property-value {
text-rendering: optimizeSpeed;
}
/* Footnotes */
/* Reference marker, both views */
a.footnote-link,
.cm-s-obsidian span.cm-footref.cm-hmd-barelink,
.cm-s-obsidian span.cm-footref.cm-hmd-barelink.cm-formatting {
font-family: var(--my-mono) !important;
font-size: inherit !important;
letter-spacing: 0 !important;
}
/* The <sup> wrapper does the raising, not the <a> */
.markdown-rendered sup {
vertical-align: baseline !important;
font-size: inherit !important;
line-height: inherit !important;
}
/* Footnote text, both views */
.footnotes,
.footnotes p,
.footnotes li,
.cm-s-obsidian .cm-line.HyperMD-footnote {
font-family: var(--my-mono) !important;
font-size: var(--font-text-size) !important;
line-height: var(--line-height-normal);
letter-spacing: 0 !important;
}
/* List numbers -- ::marker accepts font properties */
.footnotes ol > li::marker {
font-family: var(--my-mono);
font-size: var(--font-text-size);
}
/* catch-all: normalize every descendant span,
without touching size (which would flatten headings) */
.markdown-source-view.mod-cm6 .cm-line,
.markdown-source-view.mod-cm6 .cm-line *,
.markdown-rendered,
.markdown-rendered * {
font-family: var(--my-mono) !important;
letter-spacing: 0 !important;
word-spacing: 0 !important;
font-kerning: none !important;
font-variant-ligatures: none !important;
font-feature-settings: "liga" 0, "clig" 0, "calt" 0, "kern" 0 !important;
font-synthesis: none !important;
}