Dashboards
Applications
UI Elements
Pages
External Link
Menu Levels
Docs
Settings

Go premium to get all the cool features!

View Plans
AboutDocsPurchase
  • Welcome
  • Introduction
  • FAQ
  • Changelog
  • Getting Started
  • Installation
  • File Structure
  • Routing and Menu
  • Multi Language
  • Theme
  • Settings
  • Theme Provider
  • Styling

Settings

  1. Home
  2. /
  3. Docs
  4. /
  5. Theme
  6. /

  7. Settings

Config

The default values of the theme can be found at src/config.ts file.

appRoot
Type

string

Info

Dashboard page route

Default
/dashboards/default
locale
Type

string

Info

The language of the theme. Can be de, en, fr, es

Default
en
themeColor
Type

ThemeVariant

Info

The color theme. Can be theme-blue, theme-green, theme-orange, theme-purple

Default
theme-blue
themeMode
Type

ModeVariant

Info

The mode of the theme. Can be system, light, dark

Default
system
contentType
Type

ContentType

Info

The layout type for the main content area. Can be ContentType.Boxed, ContentType.Fluid

Default
ContentType.Boxed
leftMenuType
Type

MenuType

Info

The type of the left primary menu. Can be MenuType.Minimal, MenuType.Comfort, MenuType.SingleLayer

Default
MenuType.Minimal
leftMenuWidth
Type

object

Info

Contains pixel size definitions for the left primary and secondary menus for different menu types.

Default
{
    [MenuType.Minimal]: { primary: 60, secondary: 240 },
    [MenuType.Comfort]: { primary: 116, secondary: 240 },
    [MenuType.SingleLayer]: { primary: 280, secondary: 0 },
}
transitionDuration
Type

number

Info

Layout and menu animation times in milliseconds.

Default
150