Bold and italic CSS variables don't work in block quotes

Bug graveyard
,
1

The new CSS variables in 0.16 for bold and italic colors don’t affect block quotes in live preview.
Here’s live preview and reading view side by side.

image

Here’s the markdown.

**bold** *italic*
> **bold** *italic*

Here’s the snippet:

body {
  --italic-color: #a19511;
  --bold-color: #197300;
}
1 Like
2

The same bug occurs in 1.1.9 still. Why was it moved to the bug graveyard (yet it’s still tracked)?

1 Like
3

Yeah, I’m running into this too. Here’s a screenshot of the issue and the inspector—

image
image2680×1140 406 KB

The original Markdown—

[How do you efficiently take notes from physical books? : ObsidianMD](https://old.reddit.com/r/ObsidianMD/comments/zv966m/how_do_you_efficiently_take_notes_from_physical/) is a great discussion about a subject that I constantly struggle with. 

> I have been trying to improve my note-taking from physical books. **I find if I don’t take notes as I read, I don’t ever take notes**; the task just seems too *daunting*. I take notes after I finish a section or chapter. I write 2-3 sentences of what the main takeaways are. If I have more time, I outline key points with page numbers. If I have more time, I transcribe excerpts that caught my attention. I then begin pick the book back up and resume reading.

From the inspector, the selector .cm-s-obsidian span.cm-quote is overruling b, strong, .cm-strong (where the .cm-strong is what applies here).

A workaround is adding the CSS snippet:

span.cm-quote.cm-strong { color: var(--bold-color); }
span.cm-quote.cm-em { color: var(--italic-color); }
2 Likes