Configuration

Here you can configure the background colour for the primary button.

Text colour / hover effect:
According to Bootstrap, the text colour is automatically inverted from this colour value.
For the hover effect, this colour value is automatically darkened.

Variable: $twt-color-primary-button

Here you can configure the background colour for the secondary button.

Text colour / hover effect:
According to Bootstrap, the text colour is automatically inverted from this colour value.
For the hover effect, this colour value is automatically darkened.

Variable: $twt-color-secondary-button

Here you can configure the background colour for the light button.

Text colour / hover effect:
According to Bootstrap, the text colour is automatically inverted from this colour value.
For the hover effect, this colour value is automatically darkened.

Variable: $twt-color-light-button

Here you can configure the background colour for the dark button.

Text colour / hover effect:
According to Bootstrap, the text colour is automatically inverted from this colour value.
For the hover effect, this colour value is automatically darkened.

Variable: $twt-color-dark-button

Look of the revocation button in widgets and footer elements.

Shopware (default): The button stays exactly as Shopware ships it, the button colour has no effect.

In the copyright footer and in the checkout footer a separate field decides whether the button takes over this setting.

You configure the colours in the tab "Layout" => area "Buttons" => section "Colour configuration".

Note: For "Button (outline)" choose a colour with sufficient contrast to the background, otherwise the button is barely visible.

Note: In the layout type "Shopware (default)" this configuration has no effect.