Discord Enhancement

[AOD_ReaverVI]

In case anyone is interested. There is the Discord Enhancement Project which allows for custom CSS, themes, plugins.
Playing around I made this Homeworld theme quickly, before bed. Anyone interested, I can post the CSS code to be saved in notepad as .theme.
Otherwise there is this website which provides an easy WYSIWYG css builder for discord.
Home - Theme Editor (bdeditor.dev)

Other thoughts, naturally, would be an AOD theme...

[AOD_hawkinson]

This is really cool. Thanks for sharing.

[AOD_ReaverVI]

So this would be an example for the Homeworld Theme. Building the theme with the website editor left me without a working custom font but all other elements in working order. In order to get the custom font to work I had to add the "@font-face {}" section to load source the font files first. Then you can reference the font name where you want it.

I see in this theme file it sources a "main.css" which means someone with good experience could build a completely custom layout beyond just the theme code.

/**
 * @name Homeworld_ReaverVI
 * @author ClearVision Team
 * @version 6.9.0
 * @description Highly customizable and beautiful theme for BetterDiscord.
 * @source https://github.com/ClearVision/ClearVision-v6
 * @website https://clearvision.github.io
 * @invite dHaSxn3
 * @BDEditor Clear Vision
*/

@import url('https://clearvision.github.io/ClearVision-v6/main.css');
@font-face {
    font-family: "Microgramma D Bold Extended";
    src: url("https://db.onlinewebfonts.com/t/49441315ab9ce55176682715f25ea4b2.eot");
    src: url("https://db.onlinewebfonts.com/t/49441315ab9ce55176682715f25ea4b2.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/49441315ab9ce55176682715f25ea4b2.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/49441315ab9ce55176682715f25ea4b2.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/49441315ab9ce55176682715f25ea4b2.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/49441315ab9ce55176682715f25ea4b2.svg#Microgramma D Bold Extended")format("svg");
}
:root {
  --main-color: #0006FF;
  --hover-color: #FFEC00;
  --success-color: #00FF8B;
  --danger-color: #982929;
  --url-color: var(--main-color);
  --background-image: url('https://i.imgur.com/0o36wzB.jpeg');
  --background-shading: 100%;
  --background-position: center;
  --background-size: cover;
  --background-repeat: no-repeat;
  --background-attachment: fixed;
  --background-brightness: 100%;
  --background-contrast: 100%;
  --background-saturation: 100%;
  --background-grayscale: 0%;
  --background-invert: 0%;
  --background-blur: 0px;
  --background-overlay: rgb(0,51,255,0.13);
  --user-popout-image: url('https://i.imgur.com/ec40T.jpeg');
  --user-popout-position: center right;
  --user-popout-size: contain;
  --user-popout-repeat: no-repeat;
  --user-popout-attachment: fixed;
  --user-popout-brightness: 100%;
  --user-popout-contrast: 300%;
  --user-popout-saturation: 100%;
  --user-popout-grayscale: 100%;
  --user-popout-invert: 0%;
  --user-popout-blur: 2px;
  --user-modal-image: url('https://i.imgur.com/aRsITbN.jpeg');
  --user-modal-position: center;
  --user-modal-size: contain;
  --user-modal-repeat: no-repeat;
  --user-modal-attachment: fixed;
  --user-modal-brightness: 172%;
  --user-modal-contrast: 221%;
  --user-modal-saturation: 100%;
  --user-modal-grayscale: 0%;
  --user-modal-invert: 0%;
  --user-modal-blur: 0px;
  --home-icon: url('https://i.imgur.com/bp87HA2.png');
  --home-position: center;
  --home-size: 34px;
  --channel-unread: #C1D100CF;
  --channel-color: rgb(0,142,255,1);
  --muted-color: rgb(255,0,0,1);
  --online-color: #8BC34A;
  --idle-color: #faa61a;
  --dnd-color: #982929;
  --streaming-color: #593695;
  --offline-color: #808080;
  --main-font: Microgramma D;
  --code-font: Courier;
  --channels-width: 220px;
  --members-width: 240px;
  --backdrop-overlay: rgba(0,0,0,0.8);
  --backdrop-image: var(--background-image);
  --backdrop-position: var(--background-position);
  --backdrop-size: var(--background-size);
  --backdrop-repeat: var(--background-repeat);
  --backdrop-attachment: var(--background-attachment);
  --backdrop-brightness: var(--background-brightness);
  --backdrop-contrast: var(--background-contrast);
  --backdrop-saturation: var(--background-saturation);
  --backdrop-invert: var(--background-invert);
  --backdrop-grayscale: var(--background-grayscale);
  --backdrop-sepia: var(--background-sepia);
  --backdrop-blur: var(--background-blur);
  --bd-blue: var(--main-color);
  --bd-blue-hover: var(--hover-color);
  --bd-blue-active: var(--hover-color);
}

/* Any custom CSS below here */

[AOD_ReaverVI]

Planetside 2 - TR Theme

/**
 * @name Planetside2TRreaverVI
 * @author ClearVision Team
 * @version 6.9.0
 * @description Highly customizable and beautiful theme for BetterDiscord.
 * @source https://github.com/ClearVision/ClearVision-v6
 * @website https://clearvision.github.io
 * @invite dHaSxn3
 * @BDEditor Clear Vision
*/

@import url('https://clearvision.github.io/ClearVision-v6/main.css');

:root {
  --main-color: #E62727;
  --hover-color: #851616;
  --success-color: #FF1100;
  --danger-color: #982929;
  --url-color: var(--main-color);
  --background-image: url('https://cdn.wallpapersafari.com/24/94/sLZhmG.png');
  --background-shading: 100%;
  --background-position: center;
  --background-size: cover;
  --background-repeat: no-repeat;
  --background-attachment: fixed;
  --background-brightness: 100%;
  --background-contrast: 100%;
  --background-saturation: 158%;
  --background-grayscale: 0%;
  --background-invert: 0%;
  --background-blur: 0px;
  --background-overlay: rgb(255,255,255,0);
  --user-popout-image: url('https://i.imgur.com/CEDuSe8.jpeg');
  --user-popout-position: top center;
  --user-popout-size: cover;
  --user-popout-repeat: no-repeat;
  --user-popout-attachment: scroll;
  --user-popout-brightness: 100%;
  --user-popout-contrast: 169%;
  --user-popout-saturation: 153%;
  --user-popout-grayscale: 0%;
  --user-popout-invert: 0%;
  --user-popout-blur: 1px;
  --user-modal-image: url('https://clearvision.github.io/images/sapphire.jpg');
  --user-modal-position: center;
  --user-modal-size: cover;
  --user-modal-repeat: no-repeat;
  --user-modal-attachment: fixed;
  --user-modal-brightness: 100%;
  --user-modal-contrast: 100%;
  --user-modal-saturation: 100%;
  --user-modal-grayscale: 0%;
  --user-modal-invert: 0%;
  --user-modal-blur: 3px;
  --home-icon: url('https://i.imgur.com/g4QX9Jz.png');
  --home-position: center;
  --home-size: 45px;
  --channel-unread: var(--main-color);
  --channel-color: rgba(255,255,255,0.3);
  --muted-color: rgba(255,255,255,0.1);
  --online-color: #43b581;
  --idle-color: #faa61a;
  --dnd-color: #982929;
  --streaming-color: #593695;
  --offline-color: #808080;
  --main-font: Planetside2;
  --code-font: Consolas;
  --channels-width: 220px;
  --members-width: 240px;
  --backdrop-overlay: rgba(0,0,0,0.8);
  --backdrop-image: var(--background-image);
  --backdrop-position: var(--background-position);
  --backdrop-size: var(--background-size);
  --backdrop-repeat: var(--background-repeat);
  --backdrop-attachment: var(--background-attachment);
  --backdrop-brightness: var(--background-brightness);
  --backdrop-contrast: var(--background-contrast);
  --backdrop-saturation: var(--background-saturation);
  --backdrop-invert: var(--background-invert);
  --backdrop-grayscale: var(--background-grayscale);
  --backdrop-sepia: var(--background-sepia);
  --backdrop-blur: var(--background-blur);
  --bd-blue: var(--main-color);
  --bd-blue-hover: var(--hover-color);
  --bd-blue-active: var(--hover-color);
}

/* Any custom CSS below here */

[AOD_Arrow5379]

This really cool indeed, I'll see if I can try it.

[AOD_ReaverVI]

If you need any help let me know.

To use the code above or anyone's code, (make sure you installed the Discord Enhancement Project file first) you can put the code into notepad then save as, change file type to All Files, name it whatever you want INCLUDING ".theme.css". If you don't include .theme and the .css together, Discord will not recognize it.
Place the file into the Better Discord theme folder, usually "C:\Users\XXXXXXXXXXXXXXX\AppData\Roaming\BetterDi scord\themes".
Then go into the Discord settings, under themes to turn that theme ON.

NOTE:
Using the theme builder site, your selection of theme at the beginning provides different options, play around with the different themes and different options to find that one that lets you set your theme how you want. There are addons as well allowing things like horizontal server list, etc.

[AOD_Guybrush]

If you need any help let me know.

To use the code above or anyone's code, (make sure you installed the Discord Enhancement Project file first) you can put the code into notepad then save as, change file type to All Files, name it whatever you want INCLUDING ".theme.css". If you don't include .theme and the .css together, Discord will not recognize it.
Place the file into the Better Discord theme folder, usually "C:\Users\XXXXXXXXXXXXXXX\AppData\Roaming\BetterDi scord\themes".
Then go into the Discord settings, under themes to turn that theme ON.

NOTE:
Using the theme builder site, your selection of theme at the beginning provides different options, play around with the different themes and different options to find that one that lets you set your theme how you want. There are addons as well allowing things like horizontal server list, etc.

I took the liberty of throwing these into a repo on our GitHub org - https://github.com/ClanAODDev/discord-themes

If others make additional themes we can add those. Just submit a PR!

[AOD_ReaverVI]

Sweet, perfect place to keep these things.