UI for both light and dark syntax themes


Many UI themes target either light or dark syntax themes. I’ve found the following selector can effectively accommodate both:

atom-workspace[class*="-light"] atom-text-editor {
    background-color: blue;

It works great in my testing of light and dark syntax themes with this:

I’m posting here to share the idea and see if anyone’s found a better way. Any other suggestions would be great.