Theme

ve. Theme

ve.Theme: Themes in Vercengen serve as Telestyle wrappers and can be used in ve.Component/ve.Feature option fields with the key .theme: string to identify them. Unlike traditional CSS, ve.Theme is fully dynamic and features custom selectors.

  • Functional binding: veTheme().
Constructor:
  • arg0_theme_key: string
  • arg1_telestyle_obj: Object - The Telestyle object that will be applied when this theme is used.
    • Theming variables:
    • --navbar-height: string - CSS property: height
    • --accent-primary-colour: string - CSS property:background-color
    • --accent-secondary-colour: string - CSS property:background-color
    • --bg-primary-colour: string - CSS property:background-color
    • --bg-secondary-colour: string - CSS property:background-color
    • --hover-colour: string - CSS property:background-color
    • --header-colour: string - CSS property:color
    • --header-font-family: string - CSS property:font-family
    • --header-font-size: string - CSS property:font-size
    • --header-font-weight: number - CSS property:font-weight
    • --image-filter: string - CSS property:filter
    • --monospace-font-family: string - CSS property:font-family
    • --body-colour: string - CSS property:color
    • --body-font-family: string - CSS property:font-family
    • --body-font-size: string - CSS property:font-size
    • --body-font-weight: number - CSS property:font-weight
    • --cell-padding: string - CSS property:padding
    • --default-width: string - CSS property:width
    • --padding: string - CSS property:padding

Wrapper for instantiating an object at ve.registry.themes[arg0_theme_key].

Source: