Color Coded nested Callouts in Editor?

[dahlialo]

Is there any way I can make nested callouts in the editor change color according to which callout they belong to ?

Like this?:

[woofy31]

Yup, here’s the CSS snippet to achieve this:

.cm-s-obsidian span.cm-quote-1 {
  color: teal;
}
.cm-s-obsidian span.cm-quote-2 {
  color: green;
}
.cm-s-obsidian span.cm-quote-3 {
  color: red;
}

[dahlialo]

Thank you so much! Works perfectly!