MaunaHIG
Все разделы

Цвет

Две базовые темы: светлая и тёмная. Холодный нейтральный фон, один акцентный цвет, минимальный контраст между соседними уровнями поверхности.

Светлая
Тёмная
mauna.bg.canvas#F8FAFC/ #15181E
Фон страницы документа
Светлая
Тёмная
mauna.bg.chrome#EEF2F6/ #1D2128
Панели, тулбары, боковая навигация
Светлая
Тёмная
mauna.text.primary#111827/ #EAEBED
Основной текст
Светлая
Тёмная
mauna.text.secondary#64748B/ #8B94A0
Метаданные, плейсхолдеры, второстепенные подписи
Светлая
Тёмная
mauna.line#DCE3EB/ #2E3440
Разделители, границы панелей
Светлая
Тёмная
mauna.accent#3B6FA8/ #5B8FC7
Курсор, выделение, акцентная кнопка

Проверенные варианты токена mauna.accent

Светлая тема

ТокенЗначениеНазначение
mauna.bg.canvas
#F8FAFC
Фон страницы документа
mauna.bg.chrome
#EEF2F6
Панели, тулбары, боковая навигация
mauna.text.primary
#111827
Основной текст
mauna.text.secondary
#64748B
Метаданные, плейсхолдеры, второстепенные подписи
mauna.line
#DCE3EB
Разделители, границы панелей
mauna.accent
#3B6FA8
Курсор, выделение, акцентная кнопка

Тёмная тема

ТокенЗначениеНазначение
mauna.bg.canvas
#15181E
Фон страницы документа
mauna.bg.chrome
#1D2128
Панели, тулбары, боковая навигация
mauna.text.primary
#EAEBED
Основной текст
mauna.text.secondary
#8B94A0
Метаданные, плейсхолдеры, второстепенные подписи
mauna.line
#2E3440
Разделители, границы панелей
mauna.accent
#5B8FC7
Курсор, выделение, акцентная кнопка. По умолчанию не меняется между темами

Контрасты тёмной темы пересчитаны отдельно от светлой. mauna.text.secondary использует близкие, но не идентичные значения между темами: холодный серый требует небольшой коррекции светлоты для сохранения контраста AA на каждом фоне отдельно.

Кастомизация акцента

mauna.accent это токен. Значение по умолчанию: стальной синий. Пользователь может задать любой hex. Ниже перечислены альтернативы с проверенным контрастом AA на обеих базовых темах.

Название Hex
Стальной синий (по умолчанию) #3B6FA8
Графит #5A5D66
Холодный тил #2B8C7E
Индиго #5B5FC7