⚙️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: ThemeMode.Light,
  fontTheme: 'Inter-var',
  inputBg: false,
  themeContrast: false,
  boxed: false,
  isRtl: false,
  presetColor: 'default'
}; 

How to Set Dark Theme?

// Config.ts
const config: ConfigProps = {
    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false,
    setHorizontalLayout: false, 
    actTheme: ThemeMode.Dark, // Change Dark theme
    fontTheme: 'Inter-var',
    inputBg: false,
    themeContrast: false,
    boxed: true,
    isRtl: false,
    presetColor: 'default'
}; 

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: ThemeMode.Light,
    fontTheme: 'Inter-var',
    inputBg: false,
    themeContrast: false,
    boxed: true,
    isRtl: false,
    presetColor: 'default'
};

How to unset Boxed Layout?

// Config.ts
const config: ConfigProps = {
    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false, 
    setHorizontalLayout: false, 
    actTheme: ThemeMode.Light,
    fontTheme: 'Inter-var',
    inputBg: false,
    themeContrast: false,
    boxed: false, // Set False here
    isRtl: false,
    presetColor: 'default'
};

How to Change Input Text Background?

// Config.ts
const config: ConfigProps = {
    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false, 
    setHorizontalLayout: false, 
    actTheme: ThemeMode.Light,
    fontTheme: 'Inter-var',
    inputBg: true, // Set True here
    themeContrast: false,
    boxed: true,
    isRtl: false,
    presetColor: 'default'
}; 

How to Set RTL theme?

// Config.ts
const config: ConfigProps = {
  Sidebar_drawer: true,
  Customizer_drawer: false,
  mini_sidebar: false,
  setHorizontalLayout: false,
  actTheme: ThemeMode.Light,
  fontTheme: 'Inter-var',
  inputBg: false,
  themeContrast: false,
  boxed: false,
  isRtl: true, // Set True here
  presetColor: 'default'
}; 

How to Change Theme contrast?

// Config.ts
const config: ConfigProps = {
  Sidebar_drawer: true,
  Customizer_drawer: false,
  mini_sidebar: false,
  setHorizontalLayout: false,
  actTheme: ThemeMode.Light,
  fontTheme: 'Inter-var',
  inputBg: false,
  themeContrast: true, // Set True here
  boxed: false,
  isRtl: false,
  presetColor: 'default'
}; 

How to Change Color Scheme?

// Config.ts
const config: ConfigProps = {
  Sidebar_drawer: true,
  Customizer_drawer: false,
  mini_sidebar: false,
  setHorizontalLayout: false,
  actTheme: ThemeMode.Light,
  fontTheme: 'Inter-var',
  inputBg: false,
  themeContrast: false,
  boxed: false,
  isRtl: false,
  presetColor: 'default' // change to theme1, theme2, theme3, theme4, theme5, theme6, theme7, theme8
};