I need to style SVG/path colors in dark mode, see below.
Please let me know your guidelines for achieving this.
As there is an !important attached I am not able to style the SVG correctly.
I could use %root%%root% path, but I am on class level not ID-level…
Thanks for your proposal for handling such situations.
// simple example of embedded SVG with changing colors
#brxe-wxyz :not([fill="none"]) {
fill: var(--white) !important;
}
@media (prefers-color-scheme: dark) {
.example__svg path {
fill: var(--black) !important;
}
}