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