search
Primary
Это основной цвет акцента.
| Переменная | Значение |
|---|---|
--sf-primary-98 |
#f9f9ff |
--sf-primary-95 |
#edf0ff |
--sf-primary-90 |
#d7e2ff |
--sf-primary-90--alfa-4 |
color-mix(in srgb, var(--sf-transparent), var(--sf-primary-90) 4%); |
--sf-primary-90--alfa-8 |
color-mix(in srgb, var(--sf-transparent), var(--sf-primary-90) 8%); |
--sf-primary-90--alfa-12 |
color-mix(in srgb, var(--sf-transparent), var(--sf-primary-90) 12%); |
--sf-primary-90--alfa-24 |
color-mix(in srgb, var(--sf-transparent), var(--sf-primary-90) 24%); |
--sf-primary-85 |
#c2d5ff |
--sf-primary-80 |
#acc7ff |
--sf-primary-70 |
#7eabff |
--sf-primary-60 |
#488fff |
--sf-primary-50 |
#0073ed |
--sf-primary-50--alfa-4 |
color-mix(in srgb, var(--sf-transparent), var(--sf-primary-50) 4%); |
--sf-primary-50--alfa-8 |
color-mix(in srgb, var(--sf-transparent), var(--sf-primary-50) 8%); |
--sf-primary-50--alfa-12 |
color-mix(in srgb, var(--sf-transparent), var(--sf-primary-50) 12%); |
--sf-primary-50--alfa-24 |
color-mix(in srgb, var(--sf-transparent), var(--sf-primary-50) 24%); |
--sf-primary-40 |
#005bbe |
--sf-primary-35 |
#0050a7 |
--sf-primary-30 |
#004491 |
--sf-primary-25 |
#00397c |
--sf-primary-20 |
#002f67 |
--sf-primary-15 |
#002453 |
--sf-primary-10 |
#001a40 |
--sf-primary-5 |
#00102c |