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 | var(--default-border-color) |
| button-control-font-color | Schriftfarbe einer Schaltfläche | -var(--main-font-color) |
| button-control-background-color | Hintergrundfarbe einer Schaltfläche | var(--main-background-color) |
| 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 | var(--contrast-font-color) |
| button-control-background-color-active | Hintergrundfarbe einer aktiven Schaltfläche | var(--secondary-color) |
| button-control-border-color-disable | Rahmenfarbe einer inaktiven Schaltfläche | var(--light-border-color) |
| 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) |
| button-control-emphasis-border-color | Rahmenfarbe einer hervorgehobenen Schaltfläche | var(--secondary-color) |
| button-control-emphasis-font-color | Schriftfarbe einer hervorgehobenen Schaltfläche | var(--contrast-font-color) |
| button-control-emphasis-background-color | Hintergrundfarbe einer hervorgehobenen Schaltfläche | var(--secondary-color) |
| button-control-emphasisi-border-color-hover | Rahmenfarbe einer hervorgehobenen Schaltfläche beim Hovern | var(--main-color) |
| button-control-emphasis-font-color-hover | Schriftfarbe einer hervorgehobenen Schaltfläche beim Hovern | var(--button-control-emphasis-font-color) |
| button-control-emphasis-background-color-hover | Hintergrundfarbe einer hervorgehobenen Schaltfläche beim Hovern | var(--main-color) |
| button-control-emphasis-border-color-active | Rahmenfarbe einer aktiven hervorgehobenen Schaltfläche | var(--button-control-emphasis-border-color-hover) |
| button-control-emphasis-font-color-active | Schriftfarbe einer aktiven hervorgehobenen Schaltfläche | var(--button-control-emphasis-font-color-hover) |
| button-control-emphasis-background-color-active | Hintergrundfarbe einer aktiven hervorgehobenen Schaltfläche | var(--button-control-emphasis-background-color-hover) |
| button-control-emphasis-border-color-disable | Rahmenfarbe einer inaktiven hervorgehobenen Schaltfläche | var(--button-control-border-color-disable) |
| button-control-emphasis-font-color-disable | Schriftfarbe einer inaktiven hervorgehobenen Schaltfläche | var(--button-control-font-color-disable) |
| button-control-emphasis-background-color-disable | Hintergrundfarbe einer inaktiven Schaltfläche | var(--button-control-background-color-disable) |