Css for ==highlight==

[obsidian337]

What I’m trying to do

As I know, there are 3 ways to decorate a text.

1. Bold
2. Italic
3. Highlight:

**Bold** or __Bold__
*Italic* or _Italic_
==Highlight==

I’d like to know if I can change the style of ==Highlight==.
Now, it is highlighted with background color.
What I want is… to change the text color only without highlighting background.

[anon12638239]

This?

/* Highlight EDITOR */

.cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight {
    background-color: transparent;
    color: #DA70D6;
}


/* Highlight PREVIEW */

.markdown-preview-view mark {
    background-color: transparent;
    color: #CD0000;
}

Angel

[obsidian337]

Angel…

Thank you for your answer.

That’s exactly what I wanted.

[anon12638239]

Welcome. Good to hear it does what you need.

Angel

[MartinPacker]

Is that syntax for highlighting even vaguely standard Markdown?

(I ask because I might teach my md2pptx Markdown → PowerPoint open source converter to honour it.)

[anon12638239]

Used in several flavours of Markdown, but not standard.

Believe that the HTML tag of <mark> is supported universally.

<mark> text </mark>

Angel

[luckman212]

This is really great, thanks @anon12638239 !

My flavor (uses rgba instead of background-color to allow for opacity adjustment):

.cm-s-obsidian span.cm-formatting-highlight,
.cm-s-obsidian span.cm-highlight {
  background: rgba(255, 255, 0, 0.15);
  color: rgba(255, 255, 120, 0.8);
}

.markdown-preview-view mark {
  background: rgba(255, 255, 0, 0.15);
  color: rgba(255, 255, 120, 0.8);
}

[anon12638239]

Welcome. And thanks for sharing.

Angel