Native Themes do not rely on an external UI Frameworks, such as Bootstrap. By intelligently leveraging SCSS within Verj.io Property Sets, they streamline the developement of consistant and effective web pages.
They are available to download from within the Verj.io Studio and have been designed to be easily customisable.
All colours used throughout a Native theme are defined in the colours.scss file. These colours are automatically available as CSS variables via the CSS var() function. For example, to use the primary colour of a Native theme, the following can be used for any colour property in a Control's Styling Assistant:
var(--primary);
Fonts used throughout a Native theme are defined in the fonts.scss file and can be easily personalised in one place.
A Theme’s Presentation Template contains a large collection of Property Sets to help style your pages. These Property Sets use the colours and fonts defined in their respective .scss files and so changes to these files will be reflected in the Property Sets and any Controls that are linked to them.
The default Property Set for each Control type can be changed and more Property Sets added to suit your application.
Changes to the Presentation Template should be copied into all other Themes that may be switched to as part of your application. This is as simple as coping the changed Presentation Template and pasting it into the other Themes.