My Stylesheet customizations was broken



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.


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.