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
backgroundShape
Type

BackgroundShape

Info

The background of the theme. Can be BackgroundShape.Waves, BackgroundShape.Spheres, BackgroundShape.None

Default
BackgroundShape.Spheres
innerShadowOpacity
Type

number

Info

The opacity of the shadow that falls from the edges.

Default
40
foregroundOpacity
Type

number

Info

The opacity of the semi-transparent glass panels.

Default
60
bgOpacity
Type

number

Info

The opacity of the background.

Default
60
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: 264 },
    [MenuType.Comfort]: { primary: 116, secondary: 264 },
}
rightMenuType
Type

MenuType

Info

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

Default
MenuType.Minimal
rightMenuWidth
Type

object

Info

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

Default
{
    [MenuType.Minimal]: { primary: 40, secondary: 264 },
    [MenuType.Comfort]: { primary: 80, secondary: 264 },
}
transitionDuration
Type

number

Info

Layout and menu animation times in milliseconds.

Default
150