Discord Northern Lights Theme by NotLeiland

/* ==UserStyle==
@name         Discord Northern Lights Theme
@namespace    USO Archive
@author       NotLeiland
@description  Northern Lights Theme for Discord Spun off of Energy Theme
@version      1
@license      NONE
@preprocessor uso
@advanced dropdown background "Background Image" {
1. "Future City"    <<<EOT https://cdn.discordapp.com/attachments/1192223581929742466/1201816628644548688/R.png EOT;
2. "Simple"    <<<EOT https://cdn.discordapp.com/attachments/1005239551880597678/1186461727588622466/simple2.png EOT;
3. "Car"    <<<EOT https://cdn.discordapp.com/attachments/1005239551880597678/1186463573216595988/HiResPhoto5_1920-1080.png EOT;
4. "Galaxy"    <<<EOT https://cdn.discordapp.com/attachments/1005239551880597678/1186464800209895444/constellations-1851128.jpg EOT;
5. "Feline"    <<<EOT https://cdn.discordapp.com/attachments/1005239551880597678/1186464801107484862/cat-7552840.jpg EOT;
6. "Moon"    <<<EOT https://cdn.discordapp.com/attachments/1005239551880597678/1186464801795358750/night-7964988.jpg EOT;
7. "Tunnel"    <<<EOT https://cdn.discordapp.com/attachments/1005239551880597678/1186466571854557235/dark-4916164.jpg EOT;

	background-custom-dropdown "Custom" <<<EOT /*[[background-custom]]*\/ EOT;
}
@advanced text background-custom "Custom Background" "(ex) cdn.discordapp.com/attachments/.gif"

@advanced dropdown font "Font Family" {
1. "Jura"    <<<EOT 'Jura', sans-serif EOT;
2. "Atkinson Hyperlegible"    <<<EOT 'Atkinson Hyperlegible', sans-serif EOT;
3. "Standard"    <<<EOT  EOT;
4. "Roboto"    <<<EOT 'Roboto', sans-serif EOT;
}
@advanced dropdown bubble "Message Bubble" {
1. "On"    <<<EOT
        background: rgba(20, 20, 20, .65)  !important;
        border-radius: 5px 50px 50px 5px;
        display: inline-block;
        padding-right: 100px !important; 
            EOT;
2. "Full Screen"    <<<EOT
        background: rgba(20, 20, 20, .65)  !important;
        border-radius: 5px 50px 50px 5px;
            EOT;
3. "Off"    <<<EOT  EOT;
}
@advanced dropdown banner "Banner Image" {
1. "Future City"    <<<EOT https://cdn.discordapp.com/attachments/1192223581929742466/1201816628644548688/R.png?width=400&height=120 EOT;
2. "Off" <<<EOT EOT;

	banner-custom-dropdown "Custom" <<<EOT /*[[banner-custom]]*\/ EOT;
}
    @advanced text banner-custom "Custom Banner" "(ex) cdn.discordapp.com/attachments/.gif?width=400&height=120"

==/UserStyle== */
@-moz-document domain("discord.com"),
domain("discordapp.com") {
    @import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible&family=Jura:wght@300;400;500;600;700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
    * {
        font-family: /*[[font]]*/
        !important;
    }
    /*---------------------------------------- BACKGROUND ----------------------------------------*/
    body {
        background-image: url(/*[[background]]*/);
        background-color: rgb(14, 14, 14);
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
    }
    .appMount-3lHmkl {
        background: rgba(0, 0, 0, .6);
    }
    /*---------------------------------------- REMOVE DARK & WHITE THEME BACKGROUNDS ----------------------------------------*/
    .theme-dark,
    .theme-light {
        --background-message-hover: rgba(0, 0, 0, 0);
        --header-primary: #fff;
        --header-secondary: #b9bbbe;
        --text-normal: #dcddde;
        --text-muted: #9d9d9d;
        --channels-default: #8e9297;
        --interactive-normal: #b9bbbe;
        --interactive-hover: #dcddde;
        --interactive-active: #fff;
        --interactive-muted: #4f545c;
        --background-primary: transparent;
        --background-secondary: transparent;
        --background-tertiary: transparent;
        --background-accent: transparent;
        --background-floating: rgba(0, 0, 0, .8);
        --activity-card-background: transparent;
        --deprecated-panel-background: transparent
    }
    /*---------------------------------------- SLIDE IN AND OUT ANIMATION ----------------------------------------*/
    .theme-dark,
    .theme-light {
        --background-primary: linear-gradient;
        --background-secondary: transparent;
        --background-tertiary: transparent;
        --background-floating: linear-gradient(55deg, #3aff87, #603ad2);
        --channeltextarea-background: rgb(30, 30, 30);
        --deprecated-panel-background: rgb(30, 30, 30);
        --background-modifier-hover: linear-gradient(55deg, #3aff87, #603ad2);
        --background-modifier-selected: linear-gradient(55deg, #3aff87, #603ad2);
    }
    .banner__6d414.popoutBanner__9f5b9 {
        /* user profile */
        background: url(/*[[banner]]*/);
    }
    .bannerSVGWrapper__3e7b0 {
        /* user profile */
        background: linear-gradient(#3aff87 10px, #603ad2 60px, #3aff87);
    }
    .userPopoutInner_f545a3.userProfileInner__8065b.userProfileInnerThemedNonPremium__3d0a6 {
        background: linear-gradient(#3aff87 10px, #603ad2 60px, #3aff87);
    }
    .banner__6d414.panelBanner__90b8a.bannerPremium__42693 {
        background: url(/*[[banner]]*/);
    }
    .userPanelInner_eddf4c.userProfileInner__8065b.userPanelInnerThemed__1804b {
        background: linear-gradient(#3aff87 10px, #603ad2 60px, #3aff87);
    }
    .scroller__3d071.none__51a8f.scrollerBase_dc3aa9 {
        background: rgba(0, 0, 0, .45);
    }
    .sidebar_ded4b5 {
        background: rgba(0, 0, 0, .30);
    }
    .upperContainer__993ba {
        background: rgba(0, 0, 0, 0);
    }
    .buttonsInner_bca8fa.wrapper_c727b6 {
        background: rgba(0, 0, 0, .8);
    }
    .animatorLeft_b2289c.translate_c2f6c4.didRender_f1da13 {
        background: rgba(0, 0, 0, .8);
    }
    .inspector__993e1.inspector__17331 {
        background: rgba(0, 0, 0, .8);
    }
    .scrollableContainer__33e06.themedBackground__6b1b6.webkit__8d35a {
        background: rgba(28, 28, 28, .95);
    }
    .popout__24e32 {
        background: rgba(0, 0, 0, .8);
    }
    .messagesPopoutWrap_b3b384 {
        background: rgba(0, 0, 0, .8);
    }
    .members__9f47b.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0.customTheme_db4d28 {
        background: hsla(0, 0%, 13%, .6);
    }
    .popoutContainer__7b9a3.popoutContent__9c53d {
        background: hsla(0, 0%, 0%, .6);
    }
    .banner__6d414.profileBanner__8414b.roundedBanner__9fa0a {
        background: url(/*[[banner]]*/);
    }
    .userProfileModalInner__7c87d.userProfileInner__8065b.userProfileInnerThemedNonPremium__3d0a6 {
        background: linear-gradient(#3aff87 10px, #603ad2 60px, #3aff87);
    }
    .browser_fece63.container__8261a {
        background: hsla(0, 0%, 0%, .6);
    }
    .container__20de0.recentMentionsPopout__826a9.group-spacing-0 {
        background: hsla(0, 0%, 0%, .6);
    }
    .drawerSizingWrapper__30274 {
        background: hsla(0, 0%, 0%, .6);
    }
    .noPointerEvents__16aad {
        color: hsla(0, 0%, 0%, 0) !important;
    }
    /* CHANNELS/DMS */
    div.sidebar-2K8pFh {
        opacity: 0;
        width: 40px;
        -webkit-transition: opacity 0.3s ease-in-out, width 0.5s;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
    }
    div.sidebar-2K8pFh:hover {
        opacity: 1;
        width: 250px;
    }
    /* MEMBER LIST */
    [class|=membersWrap] {
        opacity: 0;
        width: 10px;
        min-width: 40px;
        -webkit-transition: opacity 0.3s ease-in-out, width 0.5s;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
    }
    [class|=membersWrap]:hover {
        opacity: 1;
        width: 240px;
    }
    .members-1998pB {
        opacity: 0;
        width: 40px;
        -webkit-transition: opacity 0.3s ease-in-out, width 0.5s;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
    }
    .members-1998pB:hover {
        opacity: 1;
        width: 240px;
    }
    .message__80c10 {
        /*[[bubble]]*/
    }
    /*---------------------------------------- VOICE/VIDEO CALL WINDOW TRANSPARENVY ----------------------------------------*/
    .video-1FfuMD {
        background: rgba(0, 0, 0, .35);
    }
    .theme-light .video-1FfuMD.minimum-1pRSEN {
        background: #000000;
        background: rgba(0, 0, 0, .35);
    }
    .theme-light .wrapper-29NfPK,
    .theme-dark .wrapper-29NfPK {
        background: rgba(0, 0, 0, 0);
    }
    .video-1kutKI {
        background-color: rgba(0, 0, 0, 0);
    }
    /*---------------------------------------- CHANGES "JUMP TO PRESENT" BAR TO LIGHT BLUE (JUST LIKE THE "NEW MESSAGE" BAR) ----------------------------------------*/
    .jumpToPresentBar-9P20AM {
        background-color: rgba(114, 137, 218, 1);
    }
    /*---------------------------------------- REMOVALS ----------------------------------------*/
    /* PROFILE TAB BORDER ABOVE MESSAGE BOX */
    .footer-1fjuF6 {
        border-top: 0 solid;
    }
    /* WHITE THEME TAG/PING BACKGROUND */
    .theme-light .wrapper-3WhCwL {
        background-color: rgba(114, 137, 218, .1);
        border-radius: 4px
    }
    /* BORDERS BETWEEN CHAT MESSAGES */
    .divider-32i8lo {
        opacity: 0;
    }
    /* VIDEO CALL BLACK BORDER */
    .videoBackgroundWrapper-2dCt49 {
        background-color: rgba(0, 0, 0, 0);
    }
    /* PROFILE POPUP MESSAGE BOX BORDER */
    .quickMessage-2XpSaN {
        border: 0px solid #dcddde;
    }
    /* PROFILE POPUP BORDER */
    .theme-light .userPopout-3XzG_A,
    .theme-dark .us...