settings Layout Settings
For theme or layout related settings changes, you have to just change in one file
config.service.ts.
You can find the config file in the config
folder.
info
Note: We store theme-related data in
localStorage in the browser.
Whenever you change the config file, please clear your browser data first.
this.configData = {
layout: {
rtl: false, // options: true & false
variant: 'light', // options: light & dark
theme_color: 'white', // options: white, black, purple, blue, cyan, green, orange
logo_bg_color: 'white', // options: white, black, purple, blue, cyan, green, orange
layout_style: 'solid', // options: solid & glassmorphism
glassmorphism_bg_color: 'purple-blue', // options: purple-blue, sunset, mint, candy, ocean, yellow, lush
horizontal: false, // options: true & false
sidebar: {
collapsed: false, // options: true & false
backgroundColor: 'light', // options: light & dark
}
}
}| settings_applications Option | description Description |
|---|---|
| rtl | For RTL layout set it to true, for LTR layout set it to
false. |
| variant | For use light template layout value is light & for dark
template use dark in value. |
| theme_color | You have multiple theme options, you can chose any theme color from
white, black, purple, blue, cyan, green, orange. |
| logo_bg_color | You have multiple logo background options, you can chose any theme color
from white, black, purple, blue, cyan, green, orange. |
| collapsed | Set true for collapsed sidebar and false for
regular sidebar. |
| backgroundColor | You can set sidebar background color light for white sidebar
background and dark for dark sidebar background. |
| layout_style | Choose the layout style: solid for standard solid background or glassmorphism for the modern glass/blur effect theme. |
| glassmorphism_bg_color | When layout_style is set to glassmorphism, select the background gradient. Options: purple-blue, sunset, mint, candy, ocean, yellow, lush. |
| horizontal | Set true for horizontal navigation menu layout, false for the default vertical sidebar layout. |