How can I change the theme color dynamically？

keyb2004

Is there a way to change the theme color dynamically ?

matt

I’m sure that @rstoenescu can correct me if I’m wrong, but I believe that the theme cannot currently be altered dynamically as it is compiled as part of the build process.

You can completely customise the default themes (see: http://quasar-framework.org/guide/quasar-theming.html) but I have not heard anything about doing so while the application is running.

If this is a feature that you would like to see added, you can file an issue here: https://github.com/quasarframework/quasar/issues/new

rstoenescu

@keyb2004 Hi, as @matt correctly indicated, dynamic color change is not possible simply because the CSS needs to be “transpiled”, which cannot occur at runtime.

LaurentPayot

You can still modify some colors dynamically : http://stackoverflow.com/a/19844757/2675387

mesqueeb

You can Dynamically change the default Quasar theme with a special Stylus mixin.

The creation of the mixin and the usage both explained towards the end of this thread:
http://forum.quasar-framework.org/topic/1756/transform-scss-mixins-to-stylus

It works great!