Theme Layouts

How to change available theme presets

Datta Able comes up with 3+ theme layout presets. You can now change the available theme layout presets by doing the following steps:

Open the file src\config.

Layout
Description

Vertical

  • fontFamily: 'Public Sans', sans-serif

  • i18n: 'en'

  • menuOrientation: MenuOrientation.VERTICAL

  • container: false

  • mode: ThemeMode.LIGHT

  • presetColor: 'default'

  • caption: true

  • sidebarTheme: false

  • themeDirection: ThemeDirection.LTR

  • customColor: 'preset-1'

  • headerColor: ' '

  • navbarColor: ' '

  • logoColor: ' '

  • navbarCaptionColor: ' '

  • navbarImg: ' '

  • menuIcon: 'preset-1'

  • menuLinkIcon: 'preset-1'

Tab

  • menuOrientation: MenuOrientation.TAB

Layout 2

  • menuOrientation: MenuOrientation.LAYOUT2

Layout 3

  • menuOrientation: MenuOrientation.LAYOUT3

Dark

  • mode: ThemeMode.DARK

RTL Layout

  • themeDirection: ThemeDirection.RTL

container

  • container: true

caption

  • caption: false

Sidebar Theme

  • sidebarTheme: true

Last updated