Перейти к основному содержимому

Темы

Библиотека имеет множество тем с различными цветами.

Доступные цвета

КлючОписание
Mantle.color.headerШапка окна
Mantle.color.header_textТекст шапки
Mantle.color.backgroundФон окна
Mantle.color.background_alphaФон окна с прозрачностью
Mantle.color.background_panelpopupФон всплывающих панелей
Mantle.color.buttonКнопка
Mantle.color.button_shadowТень кнопки
Mantle.color.button_hoveredКнопка при наведении
Mantle.color.categoryКатегория
Mantle.color.category_openedКатегория в раскрытом состоянии
Mantle.color.themeОсновной акцентный цвет
Mantle.color.panel[1]Цвет панели #1
Mantle.color.panel[2]Цвет панели #2
Mantle.color.panel[3]Цвет панели #3
Mantle.color.panel_alpha[1]Цвет панели #1 с прозрачностью
Mantle.color.panel_alpha[2]Цвет панели #2 с прозрачностью
Mantle.color.panel_alpha[3]Цвет панели #3 с прозрачностью
Mantle.color.toggleТумблер
Mantle.color.focus_panelПанель в фокусе
Mantle.color.hoverПодсветка при наведении
Mantle.color.window_shadowТень окна
Mantle.color.hover_overlayЗатемнение при наведении
Mantle.color.hover_overlay_strongСильное затемнение при наведении
Mantle.color.notify_outlineОбводка уведомлений
Mantle.color.dim_overlayЗатемнение фона
Mantle.color.circle_shadowТень круга (радиальное меню)
Mantle.color.rippleЭффект волны
Mantle.color.blur_shadowТень размытия
Mantle.color.tab_hoverВкладка при наведении
Mantle.color.iconИконки
Mantle.color.status_disconnectСтатус "не в сети"
Mantle.color.status_botСтатус "бот"
Mantle.color.status_onlineСтатус "в сети"
Mantle.color.grayСерый текст
Mantle.color.text_mutedПриглушённый текст
Mantle.color.textОсновной текст

Примеры обращения:

-- Акцентный цвет
local accent = Mantle.color.theme

-- Текст
local text = Mantle.color.text

Активная тема

-- ID активной темы: dark, red, blue и т.д.
local name = Mantle.ui.getActiveThemeName()

-- Список доступных тем: { {id, title, colors}, ... }
local themes = Mantle.ui.getAvailableThemes()
for _, theme in ipairs(themes) do
print(theme.id, theme.title)
end

Переключение темы

RunConsoleCommand("mantle_theme", "red");

Встроенные темы: dark, dark_mono, light, blue, red, green, orange, purple, coffee, ice, wine, violet, moss, coral.

Дополнение

Создавать и редактировать темы нужно в файле config/colors.lua.

Mantle.ui.registerTheme('mytheme', 'Моя тема', {
theme = Color(120, 80, 200),
background = Color(20, 16, 28),
text = Color(230, 230, 240),
-- и другие ключи
})