Css обои для дискорда

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

CSS themes and utility stylesheets for Discord (using beautifuldiscord)

License

MrTipson/DiscordCSS

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

DiscordCSS is a set of css stylesheets that make styling discord easier. Each one seeks to provide a unique way to change how discord looks and feels.

The Discord app needs to be patched, my suggestion would be BeautifulDiscord, because it only injects CSS (no js). If you’re using the web version I would suggest trying my browser extension (chromium), but any other CSS injecting extensions should be fine as well.

A quick word on client mods

Discord is aware of the existance of client mods (such as BeautifulDiscord; not css stylesheets themselves) but they are technically not allowed. This is something you should be aware of. That being said, BeautifulDiscord is probably the safest one of all, since it interferes the least.

My hope is that some day, custom themes will be supported officialy, which is why I try to keep it as simple as possible (plain CSS), but still easy-ish to maintain (see my github action and the stylesheet tracking repository).

All of the stylesheets are modular. Import each one by writing @import url(«»); at the top of your main css file (example: @import url(«https://mrtipson.github.io/DiscordCSS/css/base.css»); .
Once you have it imported, you can keep the default values or set the variables again to change their values.

Stylesheets are listed, along with images on the wiki page Stylesheets.

Local files can’t be opened due to access policies of browsers and discord itself.

Finished themes can be found in the examples.
These are their own stylesheets that provide a unique look incorporating various core stylesheets from this repository.

This project is licensed under the MIT license.

About

CSS themes and utility stylesheets for Discord (using beautifuldiscord)

Источник

Тема Exstra для Discord

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

Custom CSS

/** * @name Exstra by Xaks * @author XAKS#4026 * @version 1.0 * @description Спасибо за загрузку:) * @source * @invite * @donate * @website * @authorId * @BDEditor */ @import url('https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Foundation:wght@100;300;400;500;700&display=swap'); @import url('https://discordstyles.github.io/FrostedGlass/dist/FrostedGlass.css'); @import url('https://discordstyles.github.io/Addons/windows-titlebar.css'); @import url('https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css'); @import url('https://nyri4.github.io/Discolored/main.css'); @import url('https://discordstyles.github.io/Addons/windows-titlebar.css'); :root < --background-image: url('https://images.wallpaperscraft.ru/image/single/siluet_noch_zvezdnoe_nebo_137292_1920x1080.jpg'); --background-image-blur: 0px; --background-image-size: cover; --background-image-position: center; --popout-image: url('https://images.wallpaperscraft.ru/image/single/devushka_kotenok_tsvetok_141058_1350x2400.jpg'); --popout-image-blur: 0px; --popout-image-size: 45%; --popout-image-position: center right; --overlay-image: url('https://images.wallpaperscraft.ru/image/single/devushka_kotenok_tsvetok_141058_1920x1080.jpg'); --overlay-image-blur: 0px; --overlay-image-size: 60%; --overlay-image-position: center; --home-button-image: url('https://images.wallpaperscraft.ru/image/single/devushka_fonari_ogni_163914_1920x1080.jpg'); --home-button-size: 200%; --home-button-position: top left; --serverlist-brightness: 0.48; --left-brightness: 0.62; --middle-brightness: 0.36; --right-brightness: 0; --overlay-brightness: 0.62; --gradient-primary: 132,19,14; --gradient-secondary: 26,125,166; --link-colour: #00BBFF; --scrollbar-colour: rgb(255,0,0,1); --gradient-direction: 189deg; --tint-colour: 166,148,157; --tint-brightness: 0; --font: Edu NSW ACT Foundation; --window-padding: 14px; --window-roundness: 19px; --update-notice-1: none; --HSL-server-icon-size: 38px; --HSL-server-spacing: 8px; >/* Any custom CSS below here */

Содержимое архива

Источник

Как установить темы для Discord?

В настройках программы Discord доступно только две опции: установка светлой и темной темы оформления. Расскажем о том, как добавить свой собственный стиль.

Изменить оформление клиента Discord можно с помощью программы BetterDiscord. Чтобы успешно изменить скин, следуйте пунктам:

1. Скачайте и установитестановите программу BetterDiscord.
2. Перезапустите программу Discord.

Теперь в настройках появятся новые опции, в том числе вкладки «Themes» и «Custom CSS«.

Способ 1 — Custom CSS

Скачать тему для Discord с нашего сайта, открыть сss-файл с помощью любого текстового редактора и вставить его содержимое в текстовое поле вкладки Custom CSS.

Способ 2 — раздел Themes

Также скачать скин с нашего сайта, но загруженный файл переместить в папку с темами. Чтобы узнать ее адрес, перейдите в настройки клиента, нажмите на вкладку «Themes» и нажмите на кнопку «Open Themes Folder«. По-умолчанию она имеет следующий путь: «C:\Users\%username%\AppData\Roaming\BetterDiscord\themes«.

После перезапуска клиента, тема появится в списке доступных и Вы сможете включить ее, нажав на соответствующий переключатель возле нее. Результат на скриншоте.

Источник

Тема Коридор неона для Discord

Эта красочная картинка привлекает внимание глаз загадочными неоновыми оттенками. Лазурный фон просто волшебство для глаз, а яркие светляки добавляют к нему магическую атмосферу. На картинке используются главные цвета — насыщенный неоновый и потрясающий розовый. Арт полностью погружает нас в удивительный и древний коридор, волшебно готовый для бесконечных открытий. На картинке можно увидеть, как лампы источают нежное свечение, которое позволяет тебе наслаждаться потрясающим видом. Это пасмурное и полное изыска место может породить невероятные истории, которые будут проходить через Discod.

Как установить скины для дискорд

1. Скачайте 53117-neonovaja-tema-dlja-diskorda.theme.css.
2. Если ставите темы первый раз: установите BetterDiscord.
3. Запустите Discord и перейдите в настройки клиента.
4. В разделе «Themes» нажмите кнопку «Open Theme Folder». Откроется окно проводника, куда нужно переместить полученный файл.
5. Вернитесь в настройки клиента и активируйте добавленный скин.

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

Custom CSS

/** * @name Коридор неона * @author Mihazol * @version auto updates * @description Тема создана в генераторе https://vsthemes.org/generator/ * @source https://vsthemes.org/skins/discord/53117-neonovaja-tema-dlja-diskorda.html * @authorLink https://vsthemes.org/user/Mihazol/ * @authorId 91324 */ @import url(https://vsthemes.org/uploads/generator/client/BasicBackground.css); :root < --transparencycolor: 0,0,0; --transparencyalpha: 0.2; --messagetransparency: 0.5; --guildchanneltransparency: 0.2; --memberlistransparency: 0; --accentcolor: 167,52,238; --background: url("https://vsthemes.org/uploads/posts/2022-09/1662205537_abs0381.webp"); --backdrop: rgba(0,0,0,0.2); --backgroundblur: 0px; --popoutblur: 0px; --backdropblur: 0px; --version1_0_5:none; --backgroundsize: cover; --popoutsize: cover; --backdropsize: cover; >

Источник