⚙

Theme Settings

Manage the theme settings for Horizontal, Dark, and Box layout options.

Theme settings lie under config.ts file.
How to Set Default Settings?
Config.ts
const config: ConfigProps = {
    Sidebar_drawer: null,
    Customizer_drawer: false,
    mini_sidebar: false,
    setHorizontalLayout: false, // Horizontal layout
    actTheme: 'PurpleTheme',
    fontTheme: 'Roboto',
    inputBg: false,
    boxed: true
};              
How to Set Dark Theme?
Config.ts
const config: ConfigProps = {
    Sidebar_drawer: null,
    Customizer_drawer: false,
    mini_sidebar: false,
    setHorizontalLayout: false, 
    actTheme: 'DarkPurpleTheme', // Change Dark theme as per your requirement
    fontTheme: 'Roboto',
    inputBg: false,
    boxed: true
};    
How to Set Horizontal  Layout?
Config.ts
const config: ConfigProps = {
    Sidebar_drawer: null,
    Customizer_drawer: false,
    mini_sidebar: false,
    setHorizontalLayout: true, // Change horizontal layout
    actTheme: 'PurpleTheme',
    fontTheme: 'Roboto',
    inputBg: false,
    boxed: true
};       
How to Set Minsidebar Layout?
Config.ts
const config: ConfigProps = {
    Sidebar_drawer: null,
    Customizer_drawer: false,
    mini_sidebar: true, // Change minisidebar layout
    setHorizontalLayout: true, 
    actTheme: 'PurpleTheme',
    fontTheme: 'Roboto',
    inputBg: false,
    boxed: true
};       
How to unset Boxed Layout?
Config.ts
const config: ConfigProps = {
    Sidebar_drawer: null,
    Customizer_drawer: false,
    mini_sidebar: false, 
    setHorizontalLayout: true, 
    actTheme: 'PurpleTheme',
    fontTheme: 'Roboto',
    inputBg: false,
    boxed: false // Set False here
};       
How to Change Input Text Background?
Config.ts
const config: ConfigProps = {
    Sidebar_drawer: null,
    Customizer_drawer: false,
    mini_sidebar: false, 
    setHorizontalLayout: true, 
    actTheme: 'PurpleTheme',
    fontTheme: 'Roboto',
    inputBg: true, // Set True here
    boxed: true 
};       

Theme Colors

Development

Last modified 6mo ago