Instructions
Here are some helpful tips to customize this template according to your requirements.
How to customize dark/light mode
The dark/light mode switch in the navigation bar is set up using color variables and interactions.
- To customize the colors, go to the Variables tab and edit the colors to your brand or preferences.
- To customize the interaction or transition between dark and light modes, select the class "Color mode" in the navigation bar, head over to the interactions panel and make your desired changes to the "Switch to dark mode" and "Switch to light mode" interactions.
How to customize SVG icons
Icons are set up using SVGs (Scalable Vector Graphics) inside embeds. They are easy to use and customize (change color, size etc.) without losing quality.
- To change the color of an SVG icon, simply head over to the "Typography" section in the Style panel, and change the "Color" property.
- To change the size of an SVG icon, open the code embed and make your desired changes to the "height" and "width properties".