Why does the texts inside a "toggle callout" looks like jpeg images?

Custom CSS & Theme Design
1

A_obsidian callout
A_obsidian callout973×813 9.28 KB

  • The Callout on top (the one with rounded edges) is a normal callout
  • The one below (hard edges) is the toggle callout.

And as you can see, the text inside the normal callout is pure white, and the ones below look like those jpeg images when you zoomed in. Is this a bug? A CSS issue? Is there a way to make the text inside a toggle callout look like the ones above?

2

Show your .md file that cause this. Do you use custom CSS? Show CSS too if use it. More info please!

3

When you ask me for the .md file, I immediately tried to test this inside other notes and realized that this jpeg problem appeared on the “toggle text” in some notes but not in others. And so I tried to turn off every snippet and plugin (my theme was already on default) except the “toggle” snippet and the problem persisted. Then I removed line by line inside the toggle code and found that when the background-color is removed from this code does the text return to normal:

.callout:is([data-callout="toggle"], [data-callout="toggleh4"]) {
  background-color: #383836;
  border-radius: 0px !important;
  border-color: #383836 !important;
}

One last thing is that the jpeg artifact only appeared in reading mode, live preview seems to be fine. I’ve tried to import one of the notes (.md) where the problem appears into a fresh vault (along with the toggle snippet), and the text was fine, so I’m not sure if it’s going to be helpful but here it is anyway

Hello World.md (62 Bytes)

4

I have no idea why this artifact appears, but if it appers only in one vault, then this may be a bug. Try to make bug report with template and collect there all info (maybe more then in last post, I see no info about diff between broken and healthy notes). I can’t help here)

5

I was mistaken, this artifact appears in every note and even in the fresh vault. I’ve just realized that if the toggle callout is in a new note with nothing inside except the toggle, the text on the toggle title was fine. That was the reason why the artifact didn’t appear on the fresh vault and some of the note I’ve pasted it into. But once I typed a few letters inside the toggle callout (and outside as well) and a few bullets here and there, the artifacts appear.