Skip to content

Latest commit

 

History

History
34 lines (23 loc) · 1.16 KB

application-style.md

File metadata and controls

34 lines (23 loc) · 1.16 KB

Application style

This page is part of the App Framework Documentation


Configuration

You can set the following style options in the configuration file:

theme: 'material',   // 'ios', 'material', 'ios-material' or 'material-ios'
color: 'indigo',     // Any theme color name
layout: 'default'    // 'default', 'white' or 'dark'

If you want to change the theme during runtime, you need to use ios-material or material-ios as value in the configuration. With ios-material, the default theme will be ios, but you are able to change the theme to material, with material-ios in the configuration vice versa.

You will reduce the build size if you configure either ios or material.

Find more information about all theme color and layout options here.

Runtime modification

You can modify the style options during runtime in any Vue hook created or later:

created: function () {
  this.$root.theme = 'material'
  this.$root.color = 'indigo'
  this.$root.layout = 'default'
}

The current style is restored after application restart and overwrites the configuration.