Skip to main content

Themes

This is where you define the look and feel of the application.

PropertyDescription
NameWhat your theme is called in the display
TranslationWhat your theme is called in different language
Is DefaultCheckbox to mark the theme as the default theme for the app builder
Is dark themeCheckbox to mark the theme as dark themed or not.
Control stylePick between: Material , Bootstrap
GeneralFor picking colors for:
  • Primary
  • Accent
  • Warn
  • Base fontFont settings:
  • Bold
  • Italic
  • Underlined
  • Font style
  • Font size
  • TableFor picking table color options:
  • Data table header color
  • Data table cell text color
  • Data table line color
  • Spreadsheet header color
  • Spreadsheet cell text color
  • Spreadsheet cell color
  • Spreadsheet line color
  • ChartFor picking the chart palette
    TextFor picking text color:
  • Dark accent text color
  • Light accent text color
  • Dark warn text color
  • Light warn text color
  • Hover color
  • Highlight hover color
  • BackgroundFor picking background colors:
  • Background Status Bar Color
  • Background App Bar Color
  • Background Background Color
  • Background Hover Color
  • Background Card Color
  • Background Dialog Color
  • Background Disabled Button Color
  • Background Raised Button Color
  • Background Focused Button Color
  • Background Selected Button Color
  • Background Selected Disabled Button Color
  • Background Disabled Button Toggle Color
  • Background Unselected Chip Color
  • Background Disabled List Option Color
  • Only available when material is selected
    ForegroundFor picking foreground color options:
  • Foreground Base Color
  • Foreground Divider Color
  • Foreground Dividers Color
  • Foreground Disabled Color
  • Foreground Disabled Button Color
  • Foreground Disabled Text Color
  • Foreground Elevation Color
  • Foreground Hint Text Color
  • Foreground Secondary Text Color
  • Foreground Icon Color
  • Foreground Icons Color
  • Foreground Slider Min Color
  • Foreground Slider Off Color
  • Foreground Slider Off Active Color
  • Foreground Text Color
  • Foreground Text Color Hover
  • Only available when material is selected
    BootstrapFor picking the bootstrap grid settings and color:
    • Border Thickness
    • Border Radius:
      • Top Left
      • Top Right
      • Bottom Left
      • Bottom Right
    • Border Color
    • Border Focus Color
    • Border Hover Color
    • Shadow Color
    • Tool Tip Background
    • Tool Tip Color
    Only available when bootstrap is selected