- Joined
- Jul 25, 2024
- Messages
- 142
- Thread Author
- #1
This Template modification will add a button to NavGroup (before Search Button) to let users switching between the Light style and the Dark style.
1. Create a new Template Modification:
REMEMBER: Replace YOUR_LIGHT_STYLE_ID and YOUR_DARK_STYLE_ID to Light style ID and Dark Style ID (for example 2 and 3):
2. Now, We will style our Switcher button with an FA icon, Add this css into your extras.less
3. Set one of two above styles is Default style.
Now we can click the button to switch between our Light and Dark style:
My light style:
My Dark style:
1. Create a new Template Modification:
- Template: PAGE_CONTAINER
- Key: add_a_style_switcher_button_to_navgroup (or anything you want)
- Find field:
- Replace field:
REMEMBER: Replace YOUR_LIGHT_STYLE_ID and YOUR_DARK_STYLE_ID to Light style ID and Dark Style ID (for example 2 and 3):
2. Now, We will style our Switcher button with an FA icon, Add this css into your extras.less
3. Set one of two above styles is Default style.
Now we can click the button to switch between our Light and Dark style:
My light style:
My Dark style:
