Темы
Тема — полный набор значений одних и тех же токенов. Её выбирают на сборке приложения, а режимы внутри неё переключаются в рантайме.
На этой странице
Как устроено
Тема выбирается в конфиге granum — theme: ', по умолчанию первая из каталога. В CSS приложения едет одна тема, а режим ставится на корень парой data-theme="<тема>-<режим>". Компоненты и токены у всех тем одни и те же: меняются только значения.
Темы каталога
- ЧертёжПлоская точность: заливка, линия и шрифт. Без теней и бликов; главный сигнал — линия хода по нижней кромке. режимы: light, dark.
- ГлинаТёплая бумага, графитовые чернила и одна глиняная точка на экран. режимы: light, dark.
- СланецХолодные нейтрали шкалы slate, индиго-акцент и контраст, выверенный по AA в обоих режимах. режимы: light, dark.
- ТактильнаяКнопка как предмет: свет сверху, тень цвета тона снизу, подъём под указателем и пружина в отклике. режимы: light, dark.