Suchen.
120 Treffer für «light».
Design-Tokens
- --icon-interactive-on-action-light@lightvar(--neutral-white) colorAnsehen
- --icon-interactive-on-hover-light@lightvar(--neutral-white) colorAnsehen
- --text-interactive-on-hover-light@lightvar(--neutral-white) colorAnsehen
- --text-interactive-on-action-light@lightvar(--neutral-white) colorAnsehen
- --text-interactive-error@lightvar(--red-red-700Ansehen
- --text-interactive-on-disabled-color@lightvar(--neutral-neutral-700Ansehen
- --text-regular-warning@lightvar(--orange-orange-800Ansehen
- --surface-regular-color-blue@lightvar(--blue-blue-500Ansehen
- --surface-regular-color-orange@lightvar(--orange-orange-500Ansehen
- --text-interactive-on-disabled@lightvar(--neutral-neutral-400Ansehen
- --surface-regular-secondary@lightvar(--neutral-neutral-200Ansehen
- --surface-regular-color-green@lightvar(--green-green-500Ansehen
- --surface-regular-color-red@lightvar(--red-red-500Ansehen
- --surface-regular-error@lightvar(--red-red-50Ansehen
- --surface-regular-warning@lightvar(--orange-orange-50Ansehen
- --text-interactive-disabled@lightvar(--neutral-neutral-600Ansehen
- --surface-regular-primary@lightvar(--neutral-neutral-100Ansehen
- --text-regular-error@lightvar(--red-red-800Ansehen
- --surface-regular-background@lightvar(--neutral-white) colorAnsehen
- --text-interactive-on-hover-dark@lightvar(--neutral-black) colorAnsehen
- --icon-interactive-error@lightvar(--red-red-700Ansehen
- --icon-interactive-on-disabled-color@lightvar(--neutral-neutral-700Ansehen
- --icon-interactive-on-disabled@lightvar(--neutral-neutral-400Ansehen
- --text-interactive-on-action-dark@lightvar(--neutral-black) colorAnsehen
- --icon-interactive-disabled@lightvar(--neutral-neutral-600Ansehen
- --icon-interactive-on-hover-dark@lightvar(--neutral-black) colorAnsehen
- --text-interactive-on-hover-color@lightvar(--neutral-black) colorAnsehen
- --icon-interactive-on-action-dark@lightvar(--neutral-black) colorAnsehen
- --text-interactive-on-hover-lightvar(--neutral-black) colorAnsehen
- --border-interactive-error@lightvar(--red-red-400Ansehen
- --icon-interactive-on-hover-color@lightvar(--neutral-black) colorAnsehen
- --tr-w-light300 fontAnsehen
- --border-interactive-disabled-on-color@lightvar(--neutral-neutral-600Ansehen
- --border-interactive-disabled@lightvar(--neutral-neutral-200Ansehen
- --border-interactive-action-tonal-hover@lightvar(--neutral-neutral-600Ansehen
- --icon-interactive-action-hover-red@lightvar(--red-red-500Ansehen
- --border-interactive-action-hover-green@lightvar(--green-green-500Ansehen
- --border-interactive-action-hover-blue@lightvar(--blue-blue-500Ansehen
- --icon-interactive-action-hover-green@lightvar(--green-green-500Ansehen
- --text-interactive-action-hover-red@lightvar(--red-red-500Ansehen
- --text-regular-tertiary@lightvar(--neutral-neutral-700Ansehen
- --border-interactive-action-hover-red@lightvar(--red-red-500Ansehen
- --border-interactive-action-tonal@lightvar(--neutral-neutral-400Ansehen
- --border-interactive-action-hover-orange@lightvar(--orange-orange-500Ansehen
- --border-interactive-action@lightvar(--neutral-black) colorAnsehen
- --icon-interactive-action-hover-blue@lightvar(--blue-blue-500Ansehen
- --border-interactive-focused@lightvar(--neutral-neutral-900Ansehen
- --border-regular-info@lightvar(--blue-blue-100Ansehen
- --border-regular-success@lightvar(--green-green-100Ansehen
- --icon-interactive-action-hover-orange@lightvar(--orange-orange-500Ansehen