0 p.

Theme «Colors» for Discord

Theme Colors for Discord
The Discord Themes (Custom CSS) "Colors" page is a vibrant and colorful display of various custom CSS styles for Discord. The page features a wide range of styles, from bright and bold to subtle and sophisticated. Each style is showcased in a screenshot of the Discord app with the custom CSS applied, allowing users to see the before and after effects of the styles. The page is organized into categories such as "color schemes," "custom logos," and "font styles," making it easy for users to find the styles they are looking for. The page also includes a section on how to install custom CSS styles, providing users with step-by-step instructions on how to achieve the desired look for their Discord app. Overall, the Discord Themes (Custom CSS) "Colors" page is a must-visit for anyone looking to personalize their Discord app with unique and stylish themes.

How to install Discord design

  1. Download 37612-colors.theme.css.
  2. If this is your first time installing a theme: install BetterDiscord
  3. Launch Discord and go to the client settings.
  4. In the "Themes" section, click "Open Theme Folder". This will open an explorer window, where you will need to move the obtained file.
  5. Go back to the client settings and apply the added skin.

Alternatively, you can install by inserting code into the Custom CSS field.

Custom CSS

/**
* @name Colors
* @version 0.0.1
* @description Make with love ❤
* @author Roh ❤
* @invite https://discord.gg/6FdJprvQHS
*/
@import url("https://tropix126.github.io/BetterDiscordStuff/aurora/addons/settingsModal.css");
@import "https://monstrousdev.github.io/themes/addons/categoryNameFlair.css";
@import url("https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css");
@import url('https://fonts.googleapis.com/css2?family=Hina+Mincho');
@import url('https://codedotspectra.github.io/themes/core/custom-font.css');
@import url('https://discordstyles.github.io/RadialStatus/dist/RadialStatus.css');
:root {
--main-theme-color: #B5B5B5FF;
--theme-transparency: #0000006A;
--theme-background-image: url('https://i.imgur.com/QygHXRS.jpg');
--home-icon-image: url('https://i.imgur.com/QygHXRS.jpg');
--home-icon-image-zoom: 100%;
--home-icon-image-position: center;
--server-listing-width: 72px;
--font-size: 100%;
--mention-color: #faa61a0d;
--mention-sider: #faa61aff;
--mention-hover-color: #faa61a14;
--category-hover-color: #3cca8aff;
--unread-server-animation: rainbow;
--video-screen-button-background-color: #c8c8c833;
--video-screen-button-foreground-color: #ffffffff;
--video-screen-button-background-hovor-color: #c8c8c866;
--video-screen-button-foreground-hovor-color: #ffffffff;
--member-listing-role-color: #43b581ff;
--small-user-popout-background-image: url('https://i.imgur.com/QygHXRS.jpg');
--small-user-popout-background-transparency: #00000099;
--small-user-popout-background-image-position: bottom;
--big-user-popout-background-image: url('https://i.imgur.com/QygHXRS.jpg');
--big-user-popout-background-transparency: #00000099;
--big-user-popout-background-image-position: center;
--code-markup-background-color: #00000099;
--code-markup-border: 1px solid transparent;
--message-box-transparency: #00000099;
--embed-background-transparency: #00000099;
--message-hover-buttons-background: #c8c8c81a;
--context-menu-transparency: #0f0f0fcc;
--add-discover-icon-transparency: #c8c8c826;
--add-discover-icon-color: #43b581;
--channel-limit-count-color: #43b581;
--channel-limit-background-left: #c8c8c81a;
--channel-limit-background-right: #c8c8c833;
--scrollbar-color: #c8c8c833;
--unread-message-divider-color: #f04747;
--unread-message-divider-font-color: #ffffff;
--new-messages-bar-background-color: #7289da;
--new-messages-bar-font-color: #ffffff;
--emoji-menu-background-color: #ffffff;
--emoji-menu-sider-background-color: #ffffff;
--emoji-menu-server-header-background-color: #ffffff;
--emoji-menu-bottom-bar-background-color: #ffffff;
--emoji-menu-search-bar-background-color: #ffffff;
--message-search-menu-background-color: #000000cc;
--message-search-container-background-color: #00000099;
--message-search-result-background-color: #c8c8c80d;
--text-voice-channel-color: #8e9297ff;
--text-voice-channel-hover-color: #dcddde;
--text-voice-channel-selected-text-color: #ffffff;
--unread-text-channel-color: #ffffff;
--unread-text-channel-bubble-color: #ffffff;
--folder-background-color: #2f3136;
--expanded-folder-background-color: #00000000;
--reaction-emoji-background-color: #00000000;
--reaction-emoji-border-color: 1px solid transparent;
--reaction-emoji-hover-background-color: #ffffff1a;
--reaction-emoji-hover-border-color: #ffffff33;
--rs-small-spacing: 2px;
--rs-medium-spacing: 3px;
--rs-large-spacing: 4px;
--rs-small-width: 2px;
--rs-medium-width: 3px;
--rs-large-width: 4px;
--rs-avatar-shape: 50%;
--rs-online-color: #43b581;
--rs-idle-color: #faa61a;
--rs-dnd-color: #f04747;
--rs-offline-color: #636b75;
--rs-streaming-color: #643da7;
--rs-invisible-color: #747f8d;
--rs-phone-visible: block;
--customFont: 'Hina Mincho';
}
Download file

Comments

Cancel