(IMAB) Themes Edit global and themes SCSS

Light Color

Generated file: src/theme/variables.scss

Named colors makes it easy to reuse colors on various components

Enable Color Picker

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

Dark Color

Generated file: src/theme/variables.scss

Named colors makes it easy to reuse colors on various components

Enable Color Picker

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format


color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

color values in hexadecimal format

New Color

Generated file: src/theme/variables.scss


Enable Color Picker
NameColorContrastShadeTintAction

Global Styles

Generated file: src/global.scss

Put style rules here that you want to apply globally. These styles are for the entire app and not just one component, for reference please look at: IonicFramework - Docs

Press CTRL + Space for Auto-Completion and F11 for Full Screen mode

App Styles

Generated file: src/app/app.scss

Put style rules here that you want to apply to the entire application

Press CTRL + Space for Auto-Completion and F11 for Full Screen mode