Trouble customizing Theme

I don’t know if this is the place to ask this, but I’m trying to customize the Obsdn-dark-rmx theme. I just want to change the color of the bold text, but I can´t figure out how to change it.

Whenever i google something about bold and CSS, I only get results about the font weight.

I don’t know about your theme in particular, but for general bold changes try this:

.cm-strong, strong {
  color: yourcolornameorcode;
}

And if you want different colours for the editor and preview modes, in the dark and light themes:


/* EDITOR Bold Colour DARK THEME */

.theme-dark .cm-s-obsidian .cm-strong, strong {
    font-weight: 600;
    color: #FF8C00 !important; /* deep-orange */ 
}



/* PREVIEW Bold Colour DARK THEME */

.theme-dark .markdown-preview-view .cm-strong, strong {
    font-weight: 600;
    color: #71C671 !important; /* chartreuse */
}




/* EDITOR Bold Colour LIGHT THEME */

.theme-light .cm-s-obsidian .cm-strong, strong {
    font-weight: 600;
    color: #48D1CC !important; /* mid-turquoise */
}


/* PREVIEW Bold Colour LIGHT THEME */

.theme-light .markdown-preview-view .cm-strong, strong {
    font-weight: 600;
    color: #DC143C !important; /* crimson */ 
}

Well, this works in my tests using Obsdn-dark-rmx.

Angel

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.