⚙️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: true,
    Customizer_drawer: false,
    mini_sidebar: false,
    setHorizontalLayout: false, // Horizontal layout
    actTheme: 'PurpleTheme',
    themeMode: ThemeMode.Light,
    fontTheme: 'Roboto',
    inputBg: false,
    boxed: false,
    isRtl: false
};              

How to Set Dark Theme?

Config.ts

const config: ConfigProps = {
    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false,
    setHorizontalLayout: false, 
    actTheme: 'PurpleTheme',
    themeMode: ThemeMode.Dark, // Change Dark mode
    fontTheme: 'Roboto',
    inputBg: false,
    boxed: false,
    isRtl: false
};    

How to Set RTL theme

Config.ts

const config: ConfigProps = {
    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false,
    setHorizontalLayout: true,
    actTheme: 'PurpleTheme',
    themeMode: ThemeMode.Light,
    fontTheme: 'Roboto',
    inputBg: false,
    boxed: false,
    isRtl: true // Set true here
};       

How to Set Horizontal Layout?

Config.ts

const config: ConfigProps = {
    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false,
    setHorizontalLayout: true, // Change horizontal layout
    actTheme: 'PurpleTheme',
    themeMode: ThemeMode.Light,
    fontTheme: 'Roboto',
    inputBg: false,
    boxed: false,
    isRtl: false
};       

How to Set Minsidebar Layout?

Config.ts

const config: ConfigProps = {
    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: true, // Change minisidebar layout
    setHorizontalLayout: true, 
    actTheme: 'PurpleTheme',
    themeMode: ThemeMode.Light,
    fontTheme: 'Roboto',
    inputBg: false,
    boxed: false,
    isRtl: false
};       

How to set Boxed Layout?

Config.ts

const config: ConfigProps = {
    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false, 
    setHorizontalLayout: true, 
    actTheme: 'PurpleTheme',
    themeMode: ThemeMode.Light,
    fontTheme: 'Roboto',
    inputBg: false,
    boxed: true, // Set True here
    isRtl: false
};       

How to Change Input Text Background?

Config.ts

const config: ConfigProps = {
    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false, 
    setHorizontalLayout: true, 
    actTheme: 'PurpleTheme',
    themeMode: ThemeMode.Light,
    fontTheme: 'Roboto',
    inputBg: true, // Set True here
    boxed: false,
    isRtl: false
};