Buttons

In addition to primary and secondary buttons, buttons are used in various places in the storefront. For example, light buttons are used in the administration. The colors of the buttons can be customized here:

In the standard the colors of the buttons are determined on the basis of the border color. Thereby hue and saturation are set based on the border-color with a fixed defined brightness. This has the advantage that the buttons automatically fit to your color style.

// HSL Color $from sw-border-color
hsl(hue($sw-border-color), saturation($sw-border-color), 98%)