У меня есть изображение цветовой палитры, которое было создано дизайнером с использованием инструментов в material.io. Эта палитра включает в себя цветные гексы для следующего:
- Поверхность, Свет и Тьма (показано вверху палитры)
- Первичный (плюс оттенки для 50, 100, 200 и т. Д., 900)
- Вторичный (плюс оттенки)
Изображение также включает в себя то, что представляется процентами контрастности для черно-белого текста в средних точках и крайностях каждого образца цвета.
Из документов, которые я просмотрел, можно настроить тему, задав переменные SCSS, такие как $mdc-theme-surface, $mdc-theme-primary и $mdc-theme-secondary, перед импортом компонентов, которые я пробовал. Однако оттенки сгенерированного основного и вторичного цветов не совпадают с оттенками в сгенерированной палитре. Какие дополнительные переменные необходимо установить, чтобы применить эту тему?