⚙️ Theme SettingsManage the theme settings for Horizontal, Dark, and Box layout options.
Theme settings lie under config.ts
file.
How to Set Default Settings?
Copy // Config.ts
const config : ConfigProps = {
sidebarDrawer : true ,
customizerDrawer : false ,
miniSidebar : false ,
isHorizontalLayout : false , // Horizontal layout
actTheme : 'light' ,
fontTheme : 'Inter-var' ,
inputBg : false ,
themeContrast : false ,
boxed : false ,
isRtl : false ,
}
How to Set Dark Theme?
Copy // Config.ts
const config : ConfigProps = {
sidebarDrawer : true ,
customizerDrawer : false ,
miniSidebar : false ,
isHorizontalLayout : false ,
actTheme : 'dark' , // Set dark for Dark theme
fontTheme : 'Inter-var' ,
inputBg : false ,
themeContrast : false ,
boxed : false ,
isRtl : false ,
}
How to Set Horizontal Layout?
Copy // Config.ts
const config : ConfigProps = {
sidebarDrawer : true ,
customizerDrawer : false ,
miniSidebar : false ,
isHorizontalLayout : true , // Change horizontal layout
actTheme : 'light' ,
fontTheme : 'Inter-var' ,
inputBg : false ,
themeContrast : false ,
boxed : false ,
isRtl : false ,
}
How to Change Contrast?
Copy // Config.ts
const config : ConfigProps = {
sidebarDrawer : true ,
customizerDrawer : false ,
miniSidebar : false ,
isHorizontalLayout : false , // Horizontal layout
actTheme : 'light' ,
fontTheme : 'Inter-var' ,
inputBg : false ,
themeContrast : true , // Set to true value
boxed : false ,
isRtl : false ,
}
How to Set Boxed Layout?
Copy // Config.ts
const config : ConfigProps = {
sidebarDrawer : true ,
customizerDrawer : false ,
miniSidebar : false ,
isHorizontalLayout : false , // Horizontal layout
actTheme : 'light' ,
fontTheme : 'Inter-var' ,
inputBg : false ,
themeContrast : false ,
boxed : true , // Set True here
isRtl : false ,
}
How to Change Input Text Background?
Copy // Config.ts
const config : ConfigProps = {
sidebarDrawer : true ,
customizerDrawer : false ,
miniSidebar : false ,
isHorizontalLayout : false , // Horizontal layout
actTheme : 'light' ,
fontTheme : 'Inter-var' ,
inputBg : true , // Set True here
themeContrast : false ,
boxed : false ,
isRtl : false ,
}
Last updated 7 months ago