CSS settings for LaTeX / Mathjax

To make your notes look more like a LaTeX document you can use the following snippet:

mjx-container { % works for live preview and reading mode
	line-height: 0px;
	font-size: calc(1 * var(--editor-font-size));
}

/* reading mode */
.markdown-preview-view {
  font-family: 'CMU Serif Bold' !important;
}

/* source view and live preview */
.markdown-source-view.mod-cm6 .cm-scroller {
    font-family: 'CMU Serif Bold' !important;
}

Which will make it look like this:

It looks even better when using “justify” for text alignment:

/* reading mode */
.markdown-preview-view p {
	text-align: justify;
	text-justify: inter-word;	
}

/* source view and live preview */
.markdown-source-view.mod-cm6 .cm-line {
	text-align: justify;
	text-justify: inter-word;	
}

Screenshot: