Unlock the power of seamless customization with our Theme Builder, a tool designed to transform your application’s look and feel effortlessly. By leveraging CSS variables and the Theme Builder model section, you can quickly adjust colors, sizes, and fonts to match your desired design vision.
Theme: broad changes to an application when it comes to colors, sizes, and fonts
Style: change to single widget depending on setting or data
We have covered Styling here: https://blog.mdriven.net//introducing-styles-in-model/
But what about Themes?
As CSS gets better and better support for Variables, we have been able to move several theming values to CSS variables – and that, in turn, makes it possible to change a lot by tweaking these variables.
We made a small model section that you can merge into your model called Theme Builder. With this merged with your model, you can quickly tweak and tune the CSS variables that build up your theme.
Watch this 3-minute video on how to merge and use:
We use SASS that compiles into CSS – and you can always tweak our SASS-base-files if you need or want to really get down deep in how your application renders in HTML.
Read more here: https://wiki.mdriven.net/index.php/MDriven_Turnkey_theming.
However, with the introduction of CSS variables, you do not have to go that route to get theming going.
