Editor

Headers

.cm-header-1 {
	color: var(--color-of-choice);
	font-family: NYTImperial;
}
.cm-header-2 {
	color: var(--color-of-choice);
	font-family: NYTImperial;
}
/* And so on... */

I’ve been experimenting with the CSS for the headers in Obsidian, so I’ll add some test headers here:

Level 1 Header

Level 2 Header

Level 3 Header

Level 4 Header

Level 5 Header
Level 6 Header

Body Text

/* Base Text */
body {
	color: rgb(96, 96, 96);
	--background-primary: rgb(202, 202, 202);
}
/* Italics */
i, em, span.cm-em {
	color: var(--dark-gray);
}
/* Highlights */
.cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight {
	background-color: var(--dark-gray);
	color: rgb(183, 183, 183);
}

Title

.inline-title {
	font-family: NYTImperial;
	font-style: italic;
	color: var(--dark-gray);
}

Code Blocks

.cm-s-obsidian .HyperMD-codeblock {
	font-size: 11px;
}

Coming soon…

css obsidian web