Configuration


Primary colour

Field type: Color picker

Example value: #0c72a7

Path to the configuration: Tab "Layout" => Block "Main colours"

Technical name: sw-color-brand-primary

ThemeWare® variables ($twt-...) are currently not possible in this field.

Variable: $sw-color-brand-primary


Secondary colour

Field type: Color picker

Example value: #404b58

Path to the configuration: Tab "Layout" => Block "Main colours"

Technical name: sw-color-brand-secondary

ThemeWare® variables ($twt-...) are currently not possible in this field.

Variable: $sw-color-brand-secondary


Border colour

Field type: Color picker

Example value: #eaeaf0

Path to the configuration: Tab "Layout" => Block "Main colours"

Technical name: sw-border-color

ThemeWare® variables ($twt-...) are currently not possible in this field.

Variable: $sw-border-color


Background colour

Field type: Color picker

Example value: #fafafa

Path to the configuration: Tab "Layout" => Block "Main colours"

Technical name: sw-background-color

ThemeWare® variables ($twt-...) are currently not possible in this field.

Variable: $sw-background-color


Primary colour (light)

Field type: Color picker

Example value: #2a96cf

Path to the configuration: Tab "Layout" => Block "Main colours"

Technical name: twt-color-brand-primary-light

A bright shade of the primary colour.

Variable: $twt-color-brand-primary-light


Primary colour (dark)

Field type: Color picker

Example value: #104d6e

Path to the configuration: Tab "Layout" => Block "Main colours"

Technical name: twt-color-brand-primary-dark

A darker shade of the primary colour.

Variable: $twt-color-brand-primary-dark


Secondary colour (light)

Field type: Color picker

Example value: #4b5867

Path to the configuration: Tab "Layout" => Block "Main colours"

Technical name: twt-color-brand-secondary-light

A bright shade of the secondary colour.

Variable: $twt-color-brand-secondary-light


Secondary colour (dark)

Field type: Color picker

Example value: #353e49

Path to the configuration: Tab "Layout" => Block "Main colours"

Technical name: twt-color-brand-secondary-dark

A darker shade of the secondary colour.

Variable: $twt-color-brand-secondary-dark

Last updated

Logo

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH