Has anyone had any luck changing the color of inline code blocks (in md editor) while using dark theme?
It's trivial with light theme, just need:
.cm-comment {
color: var(--inline-code) !important;
}
In dark theme they also get class .cm-s-material-darker, but targetting this doesn't work. It looks like first they get styled by material-darker.css:
.cm-s-material-darker .cm-comment {
color: #545454;
}
Which is then overridden by the main stylesheet, under <style id="codemirrorStyle">:
.cm-s-material-darker span.cm-comment {
color: #878787 !important;
}
Which also overrides anything in userchrome.css...
Is there a way to work around this? It seems like userchrome.css is being read before the other stylesheet which overrides since they have same importance.
Maybe removing this from material-darker.css completely would allow !important to be removed, making user customization possible again?