search
Success
Это цвет для обозначения успешного состояния.
| Переменная | Значение |
|---|---|
--sf-success-98 |
#ecffe4 |
--sf-success-95 |
#c9ffbe |
--sf-success-90 |
#8ffa88 |
--sf-success-90--alfa-4 |
color-mix(in srgb, var(--sf-transparent), var(--sf-success-90) 4%); |
--sf-success-90--alfa-8 |
color-mix(in srgb, var(--sf-transparent), var(--sf-success-90) 8%); |
--sf-success-90--alfa-12 |
color-mix(in srgb, var(--sf-transparent), var(--sf-success-90) 12%); |
--sf-success-90--alfa-24 |
color-mix(in srgb, var(--sf-transparent), var(--sf-success-90) 24%); |
--sf-success-85 |
#81ec7c |
--sf-success-80 |
#74dd6f |
--sf-success-70 |
#58c157 |
--sf-success-60 |
#3ba53f |
--sf-success-50 |
#198a27 |
--sf-success-50--alfa-4 |
color-mix(in srgb, var(--sf-transparent), var(--sf-success-50) 4%); |
--sf-success-50--alfa-8 |
color-mix(in srgb, var(--sf-transparent), var(--sf-success-50) 8%); |
--sf-success-50--alfa-12 |
color-mix(in srgb, var(--sf-transparent), var(--sf-success-50) 12%); |
--sf-success-50--alfa-24 |
color-mix(in srgb, var(--sf-transparent), var(--sf-success-50) 24%); |
--sf-success-40 |
#006e17 |
--sf-success-35 |
#006013 |
--sf-success-30 |
#00530f |
--sf-success-25 |
#00460b |
--sf-success-20 |
#003908 |
--sf-success-15 |
#002d05 |
--sf-success-10 |
#002203 |
--sf-success-5 |
#001501 |