Установка тем для Discord
В программе Discord для компьютера, в отличие от мобильного приложения, есть гораздо больше функций персонализации и решений от сторонних разработчиков, позволяющих реализовать практически любые задачи, если это не получается сделать при помощи внутренних инструментов. Поэтому сначала расскажем об этой версии, детально разобрав два варианта установки и настройки тем.
Способ 1: Встроенные настройки внешнего вида
Этот метод для тех пользователей, кто не желает загружать средства от сторонних разработчиков и дополнять стандартную функциональность мессенджера. В таком случае настроек внешнего вида будет не так много, поскольку пока создатели не добавили параметры для установки картинок на задний фон или хотя бы выбора любого однотонного цвета.
- Нажмите по значку в виде шестеренки для перехода в меню «Настройки пользователя».
- На панели слева в блоке «Настройки приложения» найдите пункт «Внешний вид» и сделайте клик по нему.
- Пока на выбор предлагается только две темы: темная и светлая. Какую из них выбрать — вы решаете сами, устанавливая маркер напротив соответствующего пункта.
- Если выбрать светлую тему, боковую панель можно закрасить в темный цвет.
- Результат такой настройки демонстрируется на следующем скриншоте.
- Дополнительно в этом меню расположено три разных ползунка. Первый отвечает за регулировку размера текста в чате.
- Вверху данного окна с настройками сразу же после внесения изменений вы увидите, как они повлияют на отображение сообщений.
- Следующий регулятор — «Расстояние между группами сообщений». При помощи него настраивается отступ между серией сообщений от одного пользователя до первого уведомления от другого.
- Последний параметр влияет на общий уровень масштабирования, то есть отвечает за изменение размеров всех элементов программы. Под этим ползунком находится примечание от разработчиков о том, как можно быстро изменить масштаб стандартными горячими клавишами.
Пока это все настройки изменения внешнего вида, которые предоставляют разработчики Дискорда. Следите за анонсами и описаниями обновлений публичной тестовой версии — ее можно будет загрузить для проверки всех изменений, еще не добавленных в стабильную сборку.
Способ 2: BetterDiscord
BetterDiscord — одна из лучших, если не единственная программа, значительно расширяющая общую функциональность Дискорда благодаря добавлению различных библиотек и скриптов. В рамках этой статьи мы не будем говорить обо всех ее возможностях, а затронем только добавление и настройку тем. Разделим всю операцию на шаги, чтобы ее было проще выполнить.
Шаг 1: Установка BetterDiscord
Как уже можно догадаться, BetterDiscord по умолчанию не добавлен в Дискорд, поэтому его нужно загрузить и инсталлировать самостоятельно. Программа распространяется бесплатно, а все исходные коды и дополнительные материалы выкладываются автором на GitHub, благодаря чему опытные юзеры могут использовать их в своих целях и модернизировать дополнение.
- Перейдите по ссылке выше и нажмите кнопку «Download» для открытия страницы скачивания расширения.
- После отображения сайта GitHub найдите в списке файлов исполняемый файл установщика для Windows и нажмите по нему для начала загрузки.
- Ожидайте окончания загрузки и запустите инсталлятор.
- Для перехода к следующему шагу примите условия лицензионного соглашения, выбрав вариант «Agree».
- Появится окно с тремя действиями на выбор, где вам необходимо выбрать первый вариант — «Install BandagedBD».
- Отметьте галочкой пункт «Install To Stable» для добавления компонентов в стабильную версию мессенджера. Если вы используете публичную тестовую сборку, она тоже обнаружится автоматически, но тогда придется добавить галочку к строке «Install to PTB».
- Ожидайте завершения инсталляции, занимающего буквально минуту, а по окончании закройте данное окно кликом по кнопке «Exit».
Если окно Дискорда с уведомлением о добавлении нового компонента не появилось автоматически, перезагрузите программу и только потом переходите к следующему шагу.
Шаг 2: Поиск папки для установки тем
Рассмотрим простой этап, заключающийся в предварительном открытии директории, куда будут устанавливаться все сторонние темы. Следующая инструкция поможет разобраться и с расположением необходимых пунктов настроек, добавленных BetterDiscord.
- После запуска Дискорда убедитесь в наличии надписи «Public» на левой панели. Это означает, что рассматриваемый компонент успешно установлен. Нажатие по этой надписи открывает его настройки и другие полезные функции, но об этом лучше прочитать на официальном сайте.
- Сейчас же нужно перейти в настройки учетной записи, кликнув по значку в виде шестеренки в главном окне.
- Прокрутите панель слева, чтобы найти новый блок «Bandaged BD». Там расположены все разделы, связанные с добавленными компонентами. Они позволяют управлять общими настройками, эмодзи, плагинами и темами. Как раз темы нас сейчас и интересуют, поэтому сделайте щелчок по строке «Themes».
- После открытия окна с темами вы обнаружите, что сейчас там нет ни одной доступной вариации внешнего вида, и это неудивительно, ведь еще ничего не установлено. Нажмите на «Open Theme Folder» для открытия каталога, где хранятся все темы.
- Не закрывая данное окно «Проводника», переходите к следующему этапу, где мы покажем принцип поиска и инсталляции тем.
Шаг 3: Поиск и установка темы
Самый важный этап нашего материала — поиск и установка различных тем для Дискорда. Для этого используются сторонние веб-ресурсы, поскольку официально разработчики не создают темы. Учитывайте это при выполнении следующих действий и загружайте файлы только с проверенных источников.
- В качестве примера мы будем использовать сайт BetterDiscordLibrary, то есть ответвление от уже рассмотренного веб-ресурса, откуда осуществлялась загрузка дополнения. Воспользуйтесь ссылкой для перехода к необходимой странице или самостоятельно отыщите любой другой источник, после чего выберите подходящую тему.
- Откройте ее страницу и нажмите кнопку «Download», начав тем самым скачивание файла на свой компьютер.
- Ожидайте завершения загрузки CSS-объекта, а затем переместитесь в директорию его хранения.
- Перенесите его в уже открытую папку для сохранения тем.
- Убедитесь в том, что перемещение прошло успешно и CSS-стиль теперь отображается в данном каталоге.
- Вернитесь к разделу настроек «Themes» в Discord и проверьте наличие там добавленной темы. Если понадобится, перезагрузите программу и откройте раздел заново. Переключите ползунок для активации нового внешнего вида.
- На следующем скриншоте вы видите, что все прошло успешно, на задний план добавлена фотография и панели стали полупрозрачными. В вашем случае могут примениться и другие изменения — все зависит от типа скачанной темы.
Мы не рекомендуем активировать несколько тем одновременно (хоть это и доступно в настройках), поскольку так происходит наложение стилей CSS и могут возникнуть не только артефакты внешнего вида, но и функциональные сбои. Лучше поочередно используйте каждую тему, переключая их через рассмотренный раздел с параметрами.
Редактирование существующей темы
Этот раздел статьи относится к предыдущему методу и предназначен для редактирования существующей темы при помощи инструментов одного веб-ресурса. Это позволяет изменить цвета, прозрачность окон и добавить свое изображение на фон, включая GIF-анимации для проигрывания цикличной анимации на фоне.
- Перейдите на сайт по ссылке выше и выберите одну из тем для редактирования. Как правило, начинать стоит с той темы, в которую вы хотите внести минимальное количество изменений.
- В первую очередь задайте для нее новое имя и решите, какое главное изображение хотите установить. Вставьте ссылку на него или отметьте галочкой вариант «Computer File» для загрузки его через «Проводник».
- После этого появится несколько переключателей и ползунков, отвечающих за размытие изображения, его размер и расположение. При внесении любых изображений обращайте внимание на окно предварительного просмотра справа.
- Точно таким же образом можно добавить дополнительные изображения для остальных главных окон программы, используя все те же настройки в других разделах.
- Прозрачность каждого доступного элемента настраивается регуляторами в разделе «Brightness».
- В «Colours» вы можете выбрать абсолютно любой цвет для различных элементов Дискорда, отталкиваясь только от своих предпочтений.
- Останавливаться на последних разделах редактирования темы не будем, поскольку два из них предназначены только для опытных пользователей, а шрифты вообще лучше не трогать, чтобы не возникло функциональных ошибок.
- По готовности нажмите кнопку для загрузки напротив строки с названием темы.
- После скачивания перетащите файл в папку с темами BetterDiscord.
- Запустите мессенджер и примените новую тему для проверки ее отображения. В нашем случае на фоне воспроизводится GIF-анимация.
Вариант 2: Мобильное приложение
В завершение разберем метод изменения настроек внешнего вида в мобильном приложении Discord. К сожалению, пока для него нет дополнительных программ, как для десктопной версии, поэтому придется ограничиться стандартными параметрами, которых, кстати, еще меньше, нежели в сборке для ПК.
- На панели внизу нажмите по изображению своей аватарки, перейдя тем самым в настройки профиля.
- Опуститесь к разделу «Настройки приложения» и выберите категорию «Внешний вид».
- Переключайтесь между светлой и темной темой, отмечая галочками соответствующие пункты.
- Отключите синхронизацию клиентов, чтобы настройки темы не совпадали с установленными на ПК при использовании программы.
- Последняя доступная функция — изменение общего масштаба текста при помощи перемещения ползунка.
Скачать и установить Темы для Дискорда
Темы для Дискорда — специальный CSS-код, позволяющий изменить внешний вид программы с учетом собственных предпочтений. Сложность в том, что просто скачать данные и просто изменить оформление не получится. Здесь существуют обходные пути, на которых подробнее остановимся в статье.
Какие бывают
Для начала отметим, что themes for Discord бывают двух типов — для программы и веб-версии приложения. В обоих случаях действуют индивидуальные подходы по изменению внешнего вида. При этом переместить интересующую тему и активировать ее в Дискорд одним нажатием кнопки не получится.
Чтобы поставить новую тему, придется установить специальное приложение-плагин, позволяющее создавать и добавлять такие инструменты в Discord. Кроме того, необходимо копировать и добавить CSS-код в специальное поле.
Как поставить тему для Дискорда: пошаговая инструкция
Самый просто способ поменять оформление — воспользоваться программой Better Discord. Ее легко скачать на многих ресурсах, но лучше это делать на официальном сайте. С помощью софта можно добавлять свои темы, ставить разные плагины, внедрять дополнительные наборы смайлов и т. д.
Алгоритм действий имеет следующие вид (рассмотрим на примере темы Metro):
-
- Переходите по ссылке betterdiscord.net/home.
- Жмите на кнопку Download.
- Выберите версию ОС и запустите загрузчик.
-
- Следуйте рекомендациям системы и установите программу на ПК.
-
- Перейдите по ссылке github.com/TakosThings/Metro-for-Discord.
- Жмите на надпись BetterDiscord для скачивания темы для Дискорд.
- Сохраните файл в любое удобное место и откройте его с помощью редактора.
- Копируйте данные из файла.
- Запустите Дискорд и жмите на символ шестеренки слева внизу.
- Листайте столбец с левой стороны до раздела BetterDiscord.
- Кликните на пункт Custom CSS.
- Вставьте копированный ранее код темы для Дискорд.
- Жмите на ссылку Update внизу.
Выбранная тема активируется в Дискорде в автоматическом режиме. В дальнейшем можно поменять оформление, следуя такому же алгоритму. По аналогичному алгоритму можно устанавливать и другие theme для Discord, которые легко найти в Сети.
Как установить тему для Дискорд в веб-версии
Даже после установки Discord на ПК многие продолжает его применять в браузере. Если вы относитесь к этой категории, можно установить новое оформление для своей веб-версии. Алгоритм действий имеет следующий вид:
-
- Войдите на сайт userstyles.org.
- Установите расширение на свой браузер (к примеру Хром). После этого в веб-проводнике появляется буква S.
- Откройте Дискорд в веб-проводнике и жмите на появившуюся кнопку.
- Выберите вкладку Доступные стили и выберите подходящий вариант.
- Кликните на кнопку Установить стиль, согласитесь с условиями и дождитесь перезагрузки.
Если все сделать правильно, обои и оформление веб-версии должны поменяться. Если никаких изменений не произошло, возможно, причина в действии антивирусного ПО, блокирующего работу расширений. В таком случае попробуйте отключить антивирусную программу и повторите попытку.
Как создать свою тему
Многие интересуются, как сделать свою тему в Дискорд, и насколько это реально. Для этого можно использовать программу, о которой упоминалось выше — Better Discord. Сложность в том, что для создания индивидуального стиля необходимо иметь навыки CSS-верстки. Без наличия этих знаний любые попытки обречены на провал. Но опытные верстальщики могут с легкостью сделать собственную тему для Дискорд.
Общий алгоритм такой:
- Установите софт BetterDiscord по принципу, который рассмотрен выше.
- Войдите во вкладку Custom CSS.
- Введите свой код (предварительно его необходимо написать).
- Жмите на кнопку Update.
Если CSS-код написан корректно, программа преображается и получает новый интерфейс. При это можно сделать оформление в любом стиле, будь это anime, классика или любой другой. Здесь можно проявить фантазию и сделать тему для Дискорда «под себя».
Итоги
В распоряжении пользователей два способа, как изменить тематику в Discord — написать CSS-код самостоятельно или воспользоваться уже годовыми наработками. В обоих случаях необходимо скачать и установить программу Better Discord, без которой внесение изменений невозможно. Далее остается войти в раздел Custom CSS, после чего добавить собственный или уже готовый код. При копировании этих данных будьте осторожны, ведь изменение или случайное удаление одного символа может поломать всю структуру.
Как установить новую тему в Discord
Мессенджер Discord довольно ограничен в плане настройки внешнего вида, но многие пользователи все-таки хотят сделать приложение более привлекательным, изменив его тему. Вместе с задним фоном обычно меняются значки и другие элементы, поэтому в некоторых случаях внешний вид интерфейса будет даже не узнать. К сожалению, для достижения этой цели не обойтись без сторонней программы, которую я и рассмотрю далее.
Шаг 1: установка BetterDiscord
Сторонняя программа BetterDiscord используется для расширения базовой функциональности мессенджера, позволяя интегрировать различные плагины и скрипты. Появляется возможность как самому создать тему, так и выбрать одну из готовой библиотеки. Вы можете не беспокоиться о возможной блокировке аккаунта из-за использования данного ПО, если не прибегаете к применению различных скриптов для спама или постоянных изменения ника/статуса. За темы администрация не блокирует и, скорее всего, даже не знает, кто из пользователей их устанавливает.
Соответственно, начать нужно с инсталляции данного дополнения на ваш компьютер. Перейдите на официальный сайт BetterDiscord по ссылке и следуйте инструкции.
- На странице нажмите «Download», чтобы скачать последнюю версию приложения на свой компьютер.
- Запустите полученный инсталлятор и выберите в нем вариант чистой установки.
- На экране появится список из трех разных версий Дискорда, которые потенциально могут быть установлены на вашем компьютере. Скорее всего, у вас будет стандартная версия, для которой и отобразится путь установки. Выберите ее и переходите к следующему шагу.
- Ожидайте окончания установки и убедитесь в том, что все этапы прошли успешно. Теперь можете закрыть BetterDiscord, поскольку установщик больше не понадобится.
- Запустите Дискорд и дождитесь появления уведомления от стороннего приложения, которое показано на следующем изображении. Если оно отобразилось, значит, инсталляция прошла успешно. В противном случае (когда в настройках вы не обнаружите никаких параметров, связанных с BetterDiscord), снова запустите инсталлятор и выберите вариант «Repair», чтобы произвести переустановку.
Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостейШаг 2: поиск и установка темы для Discord
По сути, вам предстоит только узнать, в какой папке должны находиться темы, после чего скачать файл с официального сайта, перекинуть его в эту директорию и активировать через отдельное меню с настройками в Дискорде. Более наглядно весь этот процесс выглядит следующим образом:
- Запустите мессенджер, как делаете это обычно. На нижней панели нажмите на значок с шестеренкой для перехода к параметрам.
- На панели слева отыщите блок с настройками установленного только что расширения и выберите раздел «Темы».
- Нажмите синюю кнопку «Открыть папку Темы». Пока можете просто свернуть ее, потому что тема для установки еще не скачана.
- Откройте официальный сайт BetterDiscord и перейдите на страницу с темами. Отыщите среди них ту, которая покажется вам самой красивой, и скачайте ее.
- Перенесите полученный файл формата CSS в ту самую папку, которую вы только что открыли через настройки.
- Дискорд перезапускать не надо, в списке тем должна появиться новая, поэтому ее предстоит только активировать, передвинув соответствующий ползунок.
- Дождитесь загрузки всего содержимого и начните взаимодействие с мессенджером – оформление изменится автоматически.
Отмечу, что в указанную папку вы можете помещать неограниченное количество самых разных тем, которые можно скачать даже не с официального сайта (только на свой страх и риск). Все они будут отображаться в одном списке и доступны для переключения в любой момент.
Еще можно нажать на кнопку с карандашом напротив любой темы, чтобы на экране отобразился ее код. Если вы владеете языком CSS, то такой тип редактирования не вызовет у вас трудностей. Тему можно хоть заново переписать под себя, при этом она будет нормально функционировать, если весь код написан правильно.
Однако ранее на официальном сайте существовал раздел, который позволял в более простом виде редактировать тему, изменяя любые ее параметры. После того как разработчики перенесли проект на другой сайт, этот раздел пропал. Возможно, в будущем он будет переработан, поэтому следите за обновлениями, если заинтересованы в изменении каких-либо существующих тем.
Изменение темы без сторонних приложений
Если вы прочитали предыдущую инструкцию и поняли, что использование сторонних программ не для вас или же возникли какие-то ошибки при попытке установки, остается только использовать встроенные настройки Discord, чтобы настроить тему. К сожалению, выбор довольно ограничен, что не может не огорчать.
- Откройте общие настройки и на панели слева выберите раздел «Внешний вид».
- Вы можете выбрать только светлую или темную тему. Кнопка «Синхронизация с компьютером» нужна только пользователям мобильных приложений, чтобы темы были везде одинаковыми.
- Ниже вы видите несколько ползунков и отдельных параметров для настройки текста. Управляйте ими на свое усмотрение.
Приложение BetterDiscord довольно удобно не только в плане изменения внешнего вида мессенджера, но и для расширения его функциональности. Поэтому можете прочитать дополнительную информацию на официальном сайте от разработчиков, если заинтересованы в дальнейшем взаимодействии с программой. Те, кому такой вариант установки темы не подходит, пока могут переключаться между темным и светлым режимом в настройках так, как это было показано выше.
Как установить темы для Discord
В настройках программы Discord доступно только две опции: установка светлой и темной темы оформления. Расскажем о том, как добавить свой собственный стиль.
Изменить оформление клиента Discord можно с помощью программы BetterDiscord. Чтобы успешно изменить скин, следуйте пунктам:
- Скачайте и установитестановите программу BetterDiscord.
- Перезапустите программу Discord.
Теперь в настройках появятся новые опции, в том числе вкладки «Themes» и «Custom CSS«.
Способ 1 — Custom CSS
Скачать тему для Discord с нашего сайта, открыть сss-файл с помощью любого текстового редактора и вставить его содержимое в текстовое поле вкладки Custom CSS.
Способ 2 — раздел Themes
Также скачать скин с нашего сайта, но загруженный файл переместить в папку с темами. Чтобы узнать ее адрес, перейдите в настройки клиента, нажмите на вкладку «Themes» и нажмите на кнопку «Open Themes Folder«. По-умолчанию она имеет следующий путь: «C:\Users\%username%\AppData\Roaming\BetterDiscord\themes«.
После перезапуска клиента, тема появится в списке доступных и Вы сможете включить ее, нажав на соответствующий переключатель возле нее. Результат на скриншоте.