search
Secondary
Это оттенок основного акцента для повторяющихся или менее акцентных элементов.
| Переменная | Значение |
|---|---|
--sf-secondary-98 |
#f9f9ff |
--sf-secondary-95 |
#edf0ff |
--sf-secondary-90 |
#d7e2ff |
--sf-secondary-90--alfa-4 |
color-mix(in srgb, var(--sf-transparent), var(--sf-secondary-90) 4%); |
--sf-secondary-90--alfa-8 |
color-mix(in srgb, var(--sf-transparent), var(--sf-secondary-90) 8%); |
--sf-secondary-90--alfa-12 |
color-mix(in srgb, var(--sf-transparent), var(--sf-secondary-90) 12%); |
--sf-secondary-90--alfa-24 |
color-mix(in srgb, var(--sf-transparent), var(--sf-secondary-90) 24%); |
--sf-secondary-85 |
#c9d4f1 |
--sf-secondary-80 |
#bbc6e3 |
--sf-secondary-70 |
#a0abc7 |
--sf-secondary-60 |
#8591ab |
--sf-secondary-50 |
#6c7791 |
--sf-secondary-50--alfa-4 |
color-mix(in srgb, var(--sf-transparent), var(--sf-secondary-50) 4%); |
--sf-secondary-50--alfa-8 |
color-mix(in srgb, var(--sf-transparent), var(--sf-secondary-50) 8%); |
--sf-secondary-50--alfa-12 |
color-mix(in srgb, var(--sf-transparent), var(--sf-secondary-50) 12%); |
--sf-secondary-50--alfa-24 |
color-mix(in srgb, var(--sf-transparent), var(--sf-secondary-50) 24%); |
--sf-secondary-40 |
#535e77 |
--sf-secondary-35 |
#47526a |
--sf-secondary-30 |
#3c475e |
--sf-secondary-25 |
#303b52 |
--sf-secondary-20 |
#253047 |
--sf-secondary-15 |
#1a263b |
--sf-secondary-10 |
#101b31 |
--sf-secondary-5 |
#051126 |