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

И прописываем ссылку на тему. Обычно они в формате .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": Цвет фона кнопки реакций при выборе.

Mozilla Thunderbird — бесплатная кроссплатформенная свободно распространяемая с открытым кодом программа для работы с электронной почтой и группами новостей, а при установке расширения Lightning, и с календарём. Является составной частью проекта Mozilla. Поддерживает протоколы: SMTP, POP3, IMAP, NNTP, RSS. Предоставляются официальные сборки для Microsoft Windows, macOS, Linux и Android, причём набор возможностей на всех платформах одинаков. Существуют также сторонние сборки для FreeBSD, Solaris, OpenSolaris, OS/2. Входит в установку по умолчанию в ряд дистрибутивов Linux. Поддерживает смену тем и установку расширений. Обладает функцией обучаемой фильтрации спама с использованием механизма байесовской фильтрации.

Загрузить
https://thunderbird.net/ru/thunderbird/all

DESKTOP

Открываем вкладку чат

Нажимаем на начать

Выбираем Matrix

Вводим логин и сервер на котором размещён ваш аккаунт. На скриншоте официальный. Дальше пароль.

Делаем по желанию (парольная фраза это ваш ключ шифрования в сети Matrix, его знаете только вы)

Всё, мы в матрице и можно вести личное общение и общение в общих чатах.

Почтовик можно детально настроить под себя, установить темы, расширения, пользователям браузера Firefox это всё очень знакомо.

https://addons.thunderbird.net/ru/thunderbird

Android

https://play.google.com/store/apps/details?id=net.thunderbird.android

Stylish

Переходим в редактор и вставляем код:
 

div.mx_MatrixChat>:not(.mx_LeftPanel_container):not(.mx_ResizeHandle) {
    background: linear-gradient(rgba(0,0,0,.45), rgba(24,27,33,1)), url(https://i.pinimg.com/originals/01/25/f0/0125f0f9c3d46f6445dd65a8a162125a.jpg);
    background-size: cover;
}
div.mx_EventTile .mx_EventTile_avatar img.mx_BaseAvatar_image {
    width: 40px !important;
    height: 40px !important;
}
div.mx_EventTile.mx_EventTile_info .mx_EventTile_avatar img.mx_BaseAvatar_image {
    width: 14px !important;
    height: 14px !important;
}
div.mx_EventTile .mx_EventTile_avatar .mx_BaseAvatar span.mx_BaseAvatar_initial {
    width: 40px !important;
    line-height: 40px !important;
}
.mx_EventTile_line span.mx_MessageTimestamp {
    left: unset;
    right: 10px;
    width: fit-content;
}
.mx_EventTile:hover.mx_EventTile_verified .mx_EventTile_line span.mx_MessageTimestamp {
    left: unset;
    right: 15px;
    width: fit-content;
}
.mx_UserMenu_minimized .mx_UserMenu_row {
    position: relative;
    left: 6px;
}
.mx_EventTile.focus-visible:focus-within .mx_EventTile_line,
.mx_EventTile.mx_EventTile_actionBarFocused .mx_EventTile_line,
.mx_EventTile:hover .mx_EventTile_line {
    background-color: #22262e;
    background-color: rgba(0,0,0,.3);
}
.mx_EventTile_highlight .markdown-body .mx_EventTile_line,
.mx_EventTile_highlight .mx_EventTile_line {
    background-color: #22262e;
    background-color: rgba(30,0,0,.3);
}
.mx_RoomHeader.light-panel {
    background-color: #22262e;
    background-color: rgba(24,27,33,.45);
}
.mx_MImageBody {
    width: 30%;
}
.markdown-body blockquote {
    background: linear-gradient(90deg, rgba(34,38,46,1) 0%, rgba(0,0,0,0) 80%);
    color: #fff;
}
.mx_RoomHeader_buttons {
    background-color: #181b21;
    background-color: rgba(0,0,0,0);
}
.mx_SenderProfile > span {
    background-color: #22262e;
}

Картинки можно выбирать из сети.



Копируем ссылку ни картинку.



Вставляем в код ссылку на картинку заменяя предыдущую, вместо ссылки с окончанием .jpg.



Сохраняем.



User JavaScript and CSS

Нажимаем на расширение и добавляем сайт.



Вставляем код в 3 колонку и сохраняем.
 

div.mx_MatrixChat>:not(.mx_LeftPanel_container):not(.mx_ResizeHandle) {
    background: linear-gradient(rgba(0,0,0,.45), rgba(24,27,33,1)), url(https://i.pinimg.com/originals/01/25/f0/0125f0f9c3d46f6445dd65a8a162125a.jpg);
    background-size: cover;
}
div.mx_EventTile .mx_EventTile_avatar img.mx_BaseAvatar_image {
    width: 40px !important;
    height: 40px !important;
}
div.mx_EventTile.mx_EventTile_info .mx_EventTile_avatar img.mx_BaseAvatar_image {
    width: 14px !important;
    height: 14px !important;
}
div.mx_EventTile .mx_EventTile_avatar .mx_BaseAvatar span.mx_BaseAvatar_initial {
    width: 40px !important;
    line-height: 40px !important;
}
.mx_EventTile_line span.mx_MessageTimestamp {
    left: unset;
    right: 10px;
    width: fit-content;
}
.mx_EventTile:hover.mx_EventTile_verified .mx_EventTile_line span.mx_MessageTimestamp {
    left: unset;
    right: 15px;
    width: fit-content;
}
.mx_UserMenu_minimized .mx_UserMenu_row {
    position: relative;
    left: 6px;
}
.mx_EventTile.focus-visible:focus-within .mx_EventTile_line,
.mx_EventTile.mx_EventTile_actionBarFocused .mx_EventTile_line,
.mx_EventTile:hover .mx_EventTile_line {
    background-color: #22262e;
    background-color: rgba(0,0,0,.3);
}
.mx_EventTile_highlight .markdown-body .mx_EventTile_line,
.mx_EventTile_highlight .mx_EventTile_line {
    background-color: #22262e;
    background-color: rgba(30,0,0,.3);
}
.mx_RoomHeader.light-panel {
    background-color: #22262e;
    background-color: rgba(24,27,33,.45);
}
.mx_MImageBody {
    width: 30%;
}
.markdown-body blockquote {
    background: linear-gradient(90deg, rgba(34,38,46,1) 0%, rgba(0,0,0,0) 80%);
    color: #fff;
}
.mx_RoomHeader_buttons {
    background-color: #181b21;
    background-color: rgba(0,0,0,0);
}
.mx_SenderProfile > span {
    background-color: #22262e;
}

Всё.

Для начала переходим и забираем себе пространство

Если ссылка не сработает, то скопируйте вот это #aprelteam:matrix.org и вставьте в поиск в любом мессенджере, который поддерживает данный протокол (Element, Element X, SchildiChat, SchildiChat Next, FluffyChat, Cinny и так далее).

В данном пространстве уже есть список различных комнат.

Нажимаем внизу на квадратик:



Удерживаем пункт с названием пространства:



После чего переходим в обзор комнат:



Всё, выбираем нужные комнаты:

Клиенты матрицы (Matrix) массово обновляются и добавляют новые возможности

После попытки создания второй и более сессий в десктопной, web версии, либо на Element/Element X многие могут увидеть подобное сообщение:

Дело в том, что сразу после регистрации необходимо настроить резервное копирование  и безопасное шифрование. Ниже пошаговая графическая инструкция, как это сделать (думаю, слова излишни)

Тут можно выбрать в целом все, что угодно, но я выбрала шифроваться через секретную фразу: 

Тут можно придумать все, что угодно. Главное запомнить, а то забудете:

Сохраняем/копируем куда-нибудь в надежное место и - ура! Все работает! 

ЗАВЕРЕНИЕ СЕАНСА

Теперь можно со спокойной душой заверять сеанс. 

После нажатия на кнопку на том устройстве, на котором выполнен вход, возникнет уведомление (скрин ниже). На него надо нажать, затем принять заверение сеанса.

Далее предлагается 2 варианта сверки: отсканировать QR, либо позырить на смайлики. Предлагается как на устройстве, где необходмо заверить сенс, так и на том, которЫМ заверяем:

Я выбрала проверку смайликами. Важно на обоих устройствах нажать "Смайлики совпадают":

УРА! Вы справились! Теперь Element работает корректно.