Цвет

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

Светлая

Тёмная

mauna.bg.canvas#F8FAFC/ #15181E

Фон страницы документа

Светлая

Тёмная

mauna.bg.chrome#EEF2F6/ #1D2128

Панели, тулбары, боковая навигация

Светлая

Тёмная

mauna.text.primary#111827/ #EAEBED

Основной текст

Светлая

Тёмная

mauna.text.secondary#5F6E84/ #8B94A0

Метаданные, плейсхолдеры, второстепенные подписи

Светлая

Тёмная

mauna.line#DCE3EB/ #2E3440

Разделители, границы панелей

Светлая

Тёмная

mauna.accent#36669B/ #5B8FC7

Курсор, выделение, акцентная кнопка

Светлая

Тёмная

mauna.text.on-accent#FBFAF7/ #1C1B19

Текст на акцентной заливке и в выделении

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

Светлая тема

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

Тёмная тема

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

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

mauna.text.on-accent: цвет текста поверх акцентной заливки. Используется в выделении и на кнопке действия.

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

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

Один hex не даёт контраст 4.5 к 1 одновременно на светлом и тёмном фоне. Поэтому каждый проверенный вариант задан парой: значение для светлых тем и значение для тёмных. Каждое значение даёт не меньше 4.5 к 1 к mauna.bg.canvas и mauna.bg.chrome всех пресетов своей яркости. mauna.text.on-accent даёт не меньше 4.5 к 1 на каждом значении.

Название	Светлые темы	Тёмные темы
Стальной синий (по умолчанию)	`#36669B`	`#5B8FC7`
Графит	`#5A5D66`	`#858994`
Холодный тил	`#226F64`	`#2F9A8A`
Индиго	`#5156C4`	`#7F82D3`