My Stylesheet customizations was broken


#1

Hi,

I have something like this in my Stylesheet

.invisible-character {
    color: #00c8c6;
}

After last update it was broken. I can not change the color of invisible characters. I suspect that the reason is #shadow-root, but I don’t know how to fix it.

Thanks in advance.


#2

Check out this blog post on the Shadow DOM:

Also there are a few other topics on the board already with links for more information.

For now, you can just change the selector to atom-text-editor::shadow .invisible-character.