Configuration

Basic configuration

---

Layout type

Field type: Select

Available values: • default • underlined

Example value: underlined

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Basic configuration"

Technical name: twt-forms-layout-type

Colour configuration

---

Text colour

Field type: Color picker

Example value: #222222

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-color

---

Text colour @hover

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-color-hover

Note: This is a special color that only applies to certain layouts.

---

Text colour @focus

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-focus-color

---

Border colour

Field type: Color picker

Example value: #cccccc

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-border-color

---

Border colour @hover

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-border-color-hover

Note: This is a special color that only applies to certain layouts.

---

Border colour @focus

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-focus-border-color

---

Background colour

Field type: Color picker

Example value: #fafafa

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-background-color

---

Background colour @focus

Field type: Color picker

Example value: #e7e7e7

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-focus-background-color

---

Placeholder colour

Field type: Color picker

Example value: #8e8e8e

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-placeholder-color

Colour configuration (Checks & radios)

---

Background colour

Field type: Color picker

Example value: #cccccc

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration (Checks & radios)"

Technical name: twt-forms-check-input-background-color

---

Background colour @checked

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration (Checks & radios)"

Technical name: twt-forms-check-input-checked-background-color

Typography

---

Font size

Field type: Number field

Example value: 15

Path to the configuration: Tab "Layout" => Block "Forms"

Technical name: twt-forms-input-font-size