Obsidian Simple Custom CSS

custom.css

/* Headers - Color */

.cm-header-1, .markdown-source-view h1
{
  color: #FFFF00;
}

.cm-header-2, .markdown-source-view h2
{
  color: #FFEA00;
}

.cm-header-3, .markdown-source-view h3
{
  color: #FFD600;
}

.cm-header-4, .markdown-source-view h4
{
  color: #FFC400;
}

.cm-header-5, .markdown-source-view h5
{
  color: #FFB700;
}

.cm-header-6, .markdown-source-view h6
{
  color: #FFAB00;
}

.cm-formatting-header
{
  color: #FFAB00;
}


/* Checkboxes */

.cm-s-obsidian span.cm-formatting-task {
  color: #00ffff;
}

/* Lists */

.markdown-source-view span.cm-formatting-list {
    color: #3399ff;
    font-weight: bold;
}

/* Tables */

.cm-s-obsidian .HyperMD-table-row span.cm-hmd-table-sep {
  color: #33cc33;
}

.cm-s-obsidian .HyperMD-table-row .cm-inline-code {
  font-family: Menlo-Regular, Consolas;
  font-size: var(--font-text-size);
  color: #33cc33;
}

/* Source mode - Font */

.markdown-source-view.mod-cm6 .cm-scroller {
  font-family: Menlo-Regular, Consolas;
}

.cm-s-obsidian .cm-inline-code {
  font-size: var(--font-text-size);
}

.cm-s-obsidian .HyperMD-codeblock {
  font-size: var(--font-text-size)
}

.cm-s-obsidian .HyperMD-table-row {
  font-size: var(--font-text-size)
}

/* Reading mode - Font */

div.markdown-preview-view {
  font-family: Inter;
}