Darkmode and SVG Image

[TimE]

I have a SVG logo that is black on white, when I switch to dark mode, I would like the SVG to invert, which I can do in with filter: invert(100%) in css/sass. what I cant figure out, or find any examples is how in the sass file, to control which one get used in normal and dark mode, any pointers would be helpfull.

Tim.

[turigeza]

https://quasar.dev/quasar-plugins/dark#Dark-API
You could assign a class to it with the above.

Or better
https://quasar.dev/style/dark-mode#How-to-style-your-app

Body already have a class assigned. So just target it like

.body--dark #myLogo {
    filter: invert(100%)
}