Transparent, White и Blacklink

Помимо основных и акцентных цветов, используются базовые примитивы:

• transparent — прозрачность.
• white — белый цвет.
• black — чёрный цвет.

В целях оптимизации числа переменных тона 0 и 100 не применяются для всех цветов (по аналогии с Material Design). Их роль выполняют белый и чёрный:

• Белый (white) и чёрный (black) цвета не меняются при генерации, поэтому их полупрозрачные вариации прописываются напрямую в виде готовых значений.

Такая система позволяет гибко использовать цветовые примитивы для формирования широкого спектра токенов, обеспечивая наглядную структуру и удобство работы с цветами в интерфейсе.

Переменная	Значение
--sf-transparent	rgba(0,0,0,0)
--sf-white	rgba(255,255,255,1)
--sf-white--alfa-4	rgba(255,255,255,0.04)
--sf-white--alfa-8	rgba(255,255,255,0.08)
--sf-white--alfa-12	rgba(255,255,255,0.12)
--sf-white--alfa-24	rgba(255,255,255,0.24)
--sf-black	rgba(0,0,0,1)
--sf-black--alfa-4	rgba(0,0,0,0.04)
--sf-black--alfa-8	rgba(0,0,0,0.08)
--sf-black--alfa-12	rgba(0,0,0,0.12)
--sf-black--alfa-24	rgba(0,0,0,0.24)