0 p.

Theme «Portal Blue» for Discord

Theme Portal Blue for Discord
If you need a skin exclusively for communication and there is no need to be distracted by various images, then this is the best choice. Menu items, as if in a magic portal, in the light of blue magic energy will show only the most necessary things for communication. Highlighted with such edging, they are very convenient. The dark gray background color does not distract or load your vision.

How to install Discord design

  1. Download 12521-portal-blue.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 Portal_Blue
 * @author NFLD99
 * @version ersion auto updates
 * @description Thank you for choosing NFLD Inc!
 * @source https://github.com/NFLD99/Better-Discord
 * @website https://nfld99.com/
 * @patreon https://nfld99.com/patreon
 * @authorLink https://discordhub.com/profile/483413721876529174
 * @donate https://nfld99.com/paypal
 * @authorId 483413721876529174
 * @invite zqRpUyepHh
*/
/* Source Code */
@import url(https://nfld99.github.io/Better-Discord/Source_Code/Master_Code.css);
/* Animations */
@import url(https://nfld99.github.io/Better-Discord/Source_Code/Addons/Use_Animations/No.css);
/* Fonts https://nfld99.github.io/Better-Discord/Font_List.txt */
@import url(https://nfld99.github.io/Better-Discord/Source_Code/Addons/Use_Fonts/No.css);
/* Settings Dock */
@import url(https://nfld99.github.io/Better-Discord/Source_Code/Addons/Use_Popup/Yes.css);
/* Channels */
@import url(https://nfld99.github.io/Better-Discord/Source_Code/Addons/Use_Hide/Channels/No.css);
/* Chat Title Bar */
@import url(https://nfld99.github.io/Better-Discord/Source_Code/Addons/Use_Hide/Chat_Title_Bar/No.css);
/* Invites */ 
@import url(https://nfld99.github.io/Better-Discord/Source_Code/Addons/Use_Hide/Invites/No.css);
/* Member List */ 
@import url(https://nfld99.github.io/Better-Discord/Source_Code/Addons/Use_Hide/Members/No.css);
/* Windows Bar */ 
@import url(https://nfld99.github.io/Better-Discord/Source_Code/Addons/Use_Hide/Windows_Bar/No.css);
/* Offline Members */ 
@import url(https://nfld99.github.io/Better-Discord/Source_Code/Addons/Use_Hide/Offline/No.css);
/* User Popout Footer */ 
@import url(https://nfld99.github.io/Better-Discord/Source_Code/Addons/Use_Hide/Popout_Footer/Yes.css);
/* Transparency Patch */ 
@import url(https://nfld99.github.io/Better-Discord/Source_Code/Addons/Use_Transparency/No.css);
/* Use Chat Bubbles By Shiz */
@import url(https://nfld99.github.io/Better-Discord/Source_Code/Addons/Use_Chat_Bubbles/No.css);
:root {
  --Main-Colour: rgba(0,172,234, 1);
  --Background-Colour: rgba(0,0,0, 1);
  --Secondary-Background-Colour: rgba(0,0,0, .3);
  --Secondary-Main-Colour: rgba(0,172,234, .5);
  --Text-Shadow-Colour: rgba(0,0,0, .65);
  --Scroller-Colour: rgba(0,172,234, 0);
  --Notification-Colour: rgba(0,172,234, 1);
  --Chat-Input-Background: rgba(0,0,0,0);
  --Chat-Input-Colour: var(--Main-Colour) ;
  --Unread-Message-1: var(--Main-Colour) ;
  --Unread-Message-2: var(--Background-Colour) ;
  --Chat-Background: url(https://nfld99.com/Bkg/MtXxJKK.png);
  --Settings-Background: url(https://nfld99.com/Bkg/MtXxJKK.png);
  --Callout-Background: url(https://nfld99.com/Bkg/MtXxJKK.png);
  --Title-Background: var(--Background-Colour);
  --Theme-Variant: " Portal Blue";
  --Chat-Font-Used: "Whitney";
  --Chat-Font-Size: 15px;
  --Unread-Message-Speed: 1.5s;
  --Popout-Main-Colour: var(--Main-Colour);
  --Popout-Background: var(--Chat-Background);
  --Popout-Text-Shadow-Colour:var(--Text-Shadow-Colour);
  --Emote-Popout-Background: var(--Secondary-Background-Colour);
  --load1: "Thank You!";
  --load2: "Please Enjoy!";
  --load3: "➢NFLD99";
  --File-Updated-2020-5-24: ;
  --Settings-Dock-Colour: var(--Main-Colour);
  --Timestamp-Colour: var(--Secondary-Main-Colour);
  --Guild-Columns: 2;
  --ServerFolders-Guild-Columns: var(--Guild-Columns);
  --Chat-Avatar-Border-Radius: 10%;
  --Background-Darkness: 0;
}
Download file

Comments

Cancel