Comment on page
Updating Template Mode
Wieldy - Admin Dashboard is available in Light, Semi-Dark and Dark version. By default, Mode is set to the Semi-Dark version, but you can set the default version of your choice by following these simple steps.
To set the default Template Mode, go to following file:
src/appRedux/reducers/Settings.jsIn this file, you can look for "themeType" property and set its value as per your choice.
To set the Light version, use value:- 'THEME_TYPE_LIGHT'
To set the Semi-Dark version, use value:- 'THEME_TYPE_SEMI_DARK'
To set the Dark version, use value:- 'THEME_TYPE_DARK'.
For Starter Templates: -
If you want to set the Dark version, you need to follow two more step -
1. Add the following useEffect in src\containers\App\index.js
useEffect(() => {
if (themeType === THEME_TYPE_DARK) {
document.body.classList.add('dark-theme');
}
}, [themeType]);
2. Open the file "styles.less" placed on the path -
src/styles/styles.lessIn the bottom of this file, you will find a commented line of code: -
//@import "dark-theme"; // only use for dark theme
To enable the dark mode, you need to include this line into your code(un-comment this line) and you are done.
Last modified 2yr ago