Темы для Element Desktop

Активируем инструменты разработчика. Для этого в комнате прописываем и отправляем команду /devtools.

Помимо этого лучше отключить новый вид и вернуть старый. Убрать галочку с пункта нового списка комнат.

И прописываем ссылку на тему. Обычно они в формате .json.



Их можно публиковать прямыми ссылками в сети. GitHub, GitLab.

Создать их достаточно просто.

Ниже готовый пример на основе нашего форума.

https://raw.githubusercontent.com/aprelteam/matrix/refs/heads/main/element-desktop/aprelforum.json

{
    "name": "Aprel Forum",
    "is_dark": true,
    "colors": {
        "accent-color": "#b58900",
        "primary-color": "#268bd2",
        "warning-color": "#dc322f",
        "sidebar-color": "#002b36",
        "roomlist-background-color": "#073642",
        "roomlist-text-color": "#839496",
        "roomlist-text-secondary-color": "#93a1a1",
        "roomlist-highlights-color": "#586e75",
        "timeline-background-color": "#002b36",
        "timeline-text-color": "#839496",
        "secondary-content": "#839496",
        "tertiary-content": "#839496",
        "timeline-text-secondary-color": "#586e75",
        "timeline-highlights-color": "#073642",
        "reaction-row-button-selected-bg-color": "#268bd2"
    }
}

Расшифровка:

- "name": "Aprel Forum": Название

- "is_dark": true: Указывает, что интерфейс будет с тёмной темой.

- "colors": Цветовые настройки интерфейса.

Ниже всё то, что связано с раскраской:

- "accent-color": "#b58900": Дополнительный цвет акцента.

- "primary-color": "#268bd2": Основной цвет интерфейса.

- "warning-color": "#dc322f": Цвет, используемый для предупреждений.

- "sidebar-color": "#002b36": Цвет боковой панели.

- "roomlist-background-color": "#073642": Цвет фона списка комнат.

- "roomlist-text-color": "#839496": Цвет текста в списке комнат.

- "roomlist-text-secondary-color": "#93a1a1": Цвет вторичного текста в списке комнат.

- "roomlist-highlights-color": "#586e75": Цвет для выделенных элементов в списке комнат.

- "timeline-background-color": "#002b36": Цвет фона временной линии.

- "timeline-text-color": "#839496": Цвет текста на временной линии.

- "secondary-content": "#839496": Цвет вторичного контента.

- "tertiary-content": "#839496": Цвет третичного контента.

- "timeline-text-secondary-color": "#586e75": Цвет вторичного текста на временной линии.

- "timeline-highlights-color": "#073642": Цвет выделенных элементов на временной линии.

- "reaction-row-button-selected-bg-color": "#268bd2": Цвет фона кнопки реакций при выборе.