Das Maskensteuerelement „Schaltfläche” hat spezielle Eigenschaften, die sich über diese Variablen anpassen lassen.
| Variable | Erklärung | Standard |
|---|---|---|
| button-control-border-color | Rahmenfarbe einer Schaltfläche | #C0C0C0 |
| button-control-font-color | Schriftfarbe einer Schaltfläche | #4D4D4D |
| button-control-background-color | Hintergrundfarbe einer Schaltfläche | #FFFFFF |
| button-control-border-color-hover | Rahmenfarbe einer Schaltfläche beim Hovern | var(--secondary-color) |
| button-control-font-color-hover | Schriftfarbe einer Schaltfläche beim Hovern | var(--secondary-color) |
| button-control-background-color-hover | Hintergrundfarbe einer Schaltfläche beim Hovern | var(--button-control-background-color) |
| button-control-border-color-active | Rahmenfarbe einer aktiven Schaltfläche | var(--secondary-color) |
| button-control-font-color-active | Schriftfarbe einer aktiven Schaltfläche | #FFFFFF |
| button-control-background-color-active | Hintergrundfarbe einer aktiven Schaltfläche | var(--secondary-color) |
| button-control-border-color-disable | Rahmenfarbe einer inaktiven Schaltfläche | #E0E0E0 |
| button-control-font-color-disable | Schriftfarbe einer inaktiven Schaltfläche | #C1C1C1 |
| button-control-background-color-disable | Hintergrundfarbe einer inaktiven Schaltfläche | var(--button-control-background-color) |