One moment, we're cooking some code examples
How themes work. From a developer point of view. If you just want to create some themes, you've come to the wrong place.
You can change any page or even change the look of each slide, just by adding a single class to your page or slide. Offcourse, you can control the main theme settings directly from the dashboard without typing any CSS.
Let's get started!
The default theme settings are defined in the :root CSS element.
You can use any predefined variables in any slide, as long if you provide a default. Otherwise TypeStack will you the ones its knows or fill in the blanks for you.
Create a new custom theme by adding a custom class.
Append this custom class to the :root element within your CSS code like this :root .Blue, and please note the space in between (!).
You can use any predefined variables in any slide, or add your own as long if you provide a default value. Otherwise TypeStack will you the ones its knows or fill in the blanks for you.
Add variables to your theme, its easy: --sColor: blue;
Although SCSS variables like $sVariable; seem much easier (and also supported application wide), please use plain old var(--sCSS); variables, there are much more flexible and re-usable.
You can use any predefined variables in any slide, or add your own as long if you provide a default value. Otherwise TypeStack will you the ones its knows or fill in the blanks for you.