How to set the highlight color?

Help
1

How to set the highlight color?

2

Hi.

To start:

  • Which is your theme? Default theme?
  • Do you know how to add css snippets to your vault?
  • Do you know how to open and use the developer tools to identify the style of a specific element? (Obsidian > View > Toggle Developer Tools)

For default theme you can play with this snippet (“background color”):

.markdown-preview-view mark {
    background-color: var(--text-highlight-bg);
    color: var(--text-normal);
}

.cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight {
    background-color: var(--text-highlight-bg);
    color: var(--text-normal);
}

But, as you can see, colors are defined by a variable (var) because the value is different for dark or light theme. If you use only one theme type, then you can define a fixed color.

2 Likes
3

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