Dark mode

amoss

Hi

I added this.$q.dark.set(true); to the “beginning” of my app. All that happened was that the default background color of panels (q-cards) were set to false. All other colors including pre-set backgrounds, were left as they were.

Is that mean that I need to manually re-set every component’s colors/backgrounds whenever I switch between dark and light modes? Is there a more automatic way to achieve that?
Thanks

s.molinari

https://quasar.dev/style/dark-mode#What-it-does
https://quasar.dev/style/dark-mode#How-to-style-your-app

Scott

amoss

Thanks, I read that but I’m using also non-quasar components (charts/grids/etc) and I was hoping there’s an additional tool/extra that I can use in order to convert the coloring/palette accordingly. Thanks.

s.molinari

https://quasar.dev/quasar-plugins/dark

Scott