Unlock the power of seamless customization with our Theme Builder. Theme Builder is a tool designed to transform your application’s look and feel effortlessly. Leverage CSS variables and the Theme Builder model section to 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 increasingly supports variables better, we have moved several theming values to CSS variables. This makes it possible to change a lot by tweaking these variables.
We made a small model section called Theme Builder that you can merge with your model. Once it is merged with your model, you can quickly tweak and tune the CSS variables that make up your theme.
Watch this 3-minute video on how to merge and use:
We use SASS that compiles into CSS. 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.
