Acheron Animated (Discord) by xuhenggaming

/* ==UserStyle==
@name         Acheron Animated (Discord)
@version      20240919.10.56
@namespace    userstyles.world/user/xuhenggaming
@description  Dark red theme for Discord with Acheron from HSR
@author       hmmmmm
@license      No License
==/UserStyle== */

@-moz-document domain("discord.com") {
/* transparency made to work with gradients */
/* Background Image */
#app-mount {
    background: var(--background-image);
}

/* removing backgrounds */
.container-2lgZY8,
.channels-Ie2l6A,
.da-app .layer-3QrUeG,
.da-app .layers-3iHuyZ,
.da-app .chat-3bRxxu,
.da-app .channelTextArea-rNsIhG,
.da-app .content-yTz4x3,
.da-app .messagesWrapper-3lZDfY,
.da-app .chat-3bRxxu form,
.da-app .members-1998pB,
.da-app .headerBar-UHpsPw,
.da-app .standardSidebarView-3F1I7i,
.da-app .typing-2GQL18 {
    background: transparent;
}

/* Guild and Top bar transparency */
.guilds-1SWlCJ {
    background: transparent;
    background-image: var(--transparency-1);
}

.container_b2ca13,
.panels_a4d4d9 {
    background: transparent;
    background-image: var(--transparency-1);
}

/* transparency for channels and members list and private channels and left side of settings*/
.container-3w7J-x,
.privateChannels-1nO12o,
.sidebarRegion-VFTUkN {
    background: transparent;
    background-image: var(--transparency-2);
}
/* chat and top area and other secondary pages */
.da-app #friends,
.contentRegion-3nDuYy,
.chat-3bRxxu,
.theme-dark .container-1D34oG {
    background: transparent;
    background-image: var(--transparency-3);
}
/* removing color from specific class */
.panels-j1Uci_ {
    background-color: transparent;
}
/* extra for transparency 3 special case */
.themeDark-3Ap_7i,
.da-app .chat-3bRxxu {
    background-color: transparent;
    background-image: var(--transparency-3);
}

.typeWindows-1za-n7 {
    background-image: var(--transparency-5);
}

/* removes margin from top area and adds it to the nav buttons + discord logo */
.typeWindows-1za-n7 {
    height: 21px;
    margin-top: 0px;
}
.flexCenter-3_1bcw {
    margin-top: 3px;
}
/* removes a border under better discord at channels */
.unread-1xRYoj {
    display: none;
}
/* removes a margin bottom */
.container-3baos1 {
    margin-bottom: 0px;
}
.base-3dtUhz {
    border-radius: 0px;
}

/* fixes */
.theme-dark {
    --background-primary: none;
    --background-secondary: none;
    --background-tertiary: none;
    --background-accent: none;
}

:root {
    --background: url('https://i.imgur.com/zhxJrQq.gif');
    --activetext-colour: white;

    --primary1-colour: red;
    --primary2-colour: rgba(255, 0, 0, 0.5);
    --primary3-colour: rgba(100, 0, 0, 0.6);

    --secondary1-colour: rgba(50, 50, 50, 0.3);
    --secondary2-colour: rgba(100, 100, 100, 0.5);
    --secondary3-colour: rgba(0, 0, 0, 0.5);

    --transparency-1: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    --transparency-2: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    --transparency-3: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    --transparency-4: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    --transparency-5: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

#app-mount {
    background: var(--background-image);
    background: rgba(0, 0, 0, 0.65)
}

/* removing backgrounds */
/* Guild and Top bar transparency */
.theme-dark .wrapper_fea3ef {
    background: transparent;
    background-image: var(--transparency-1);
}

/* transparency for channels and members list and private channels and left side of settings*/
#app-mount .container_ee69e0,
.privateChannels_f0963d,
.app_bd26cc .standardSidebarView_c25c6d,
.app_bd26cc .container_c2739c {
    background: transparent;
    background-image: var(--transparency-2);
}
.theme-dark .panels_a4d4d9,
.theme-light .panels_a4d4d9 {
    background: var(--transparency-2);
}
/* chat and top area and other secondary pages */
.app_bd26cc .chat_a7d72e,
.app_bd26cc .scrollableContainer_d0696b {
    background: transparent;
    background-image: var(--transparency-3);
}
/* removing color from specific class */
.panels_a4d4d9 {
    background-color: transparent;
}
/* extra for transparency 3 special case */
.themeDark-3Ap_7i,
.app_bd26cc .chat_a7d72e {
    background-color: transparent;
    background-image: var(--transparency-3);
}
.typeWindows_a934d8 {
    background-image: var(--transparency-5);
}
/* removes margin from top area and adds it to the nav buttons + discord logo */
.typeWindows_a934d8 {
    height: 21px;
    margin-top: 0px;
}
/* removes a border under better discord at channels */
.unread-1xRYoj {
    display: none;
}
/* fixes */
.theme-dark {
    --background-primary: none;
    --background-secondary: none;
    --background-tertiary: none;
    --background-accent: none;
}
/*--------------------------------------------------------*/
/*Background Img*/
#app-mount {
    background-image: linear-gradient( transparent, transparent), var(--background);
    background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
}

/*Home and Discover*/
/*Nitro*/
#app-mount .applicationStore_cecc86 {
    background-color: var(--secondary3-colour);
}
#app-mount .feature-2IUcBI {
    background-color: var(--secondary1-colour);
}

#app-mount .applicationStore_cecc86 .trialOfferWrapper-2Y24ok .button_dd4f85,
#app-mount .activitiesBannerContainer-aAnWk6 .button_dd4f85 {
    background-color: white;
}

/*Sidebar: Direct Messages*/
#app-mount .channel_c91bad,
#app-mount .sidebar_a4d4d9 .categoryItem_c72b37 {
    margin-bottom: 2px;
    transition: background-color 0.2s;
    transition-timing-function: ease-in-out
}
#app-mount .channel_c91bad:hover,
#app-mount .interactive-1vLZ_I.interactiveSelected_c91bad,
#app-mount .sidebar_a4d4d9 .categoryItem_c72b37:hover,
#app-mount .sidebar_a4d4d9 .categoryItem_c72b37.selected_e9f61e {
    background-color: var(--secondary2-colour);
}

#app-mount .privateChannelsHeaderContainer_c47fa9 {
    background-color: var(--primary3-colour);
    padding: 12px;
    border-radius: 10px;
}

/*Discover Servers*/
#app-mount .sidebar_a4d4d9 div[dir="ltr"] {
    background-image: var(--transparency-2);
}
#app-mount .sidebar_a4d4d9 .itemInner_c72b37 {
    margin: 0!important;
}

#app-mount .pageWrapper_a3a4ce,
#app-mount .content_a4d4d9 .scroller_a39aa3 {
    background-color: transparent;
    background-image: var(--transparency-1);
}

#app-mount .pageWrapper_a3a4ce .card_eb1ca6,
#app-mount .content_a4d4d9 .container_f11cbf {
    background-color: var(--secondary3-colour);
}
#app-mount .pageWrapper_a3a4ce .card_eb1ca6:hover {
    background-color: var(--secondary2-colour);
}

#app-mount .pageWrapper_a3a4ce .searchBoxInput-3h4etz {
    background-color: transparent;
}

/*Now Active*/
#app-mount .nowPlayingColumn_c2739c .itemCard_f02fcf {
    background-color: var(--secondary3-colour);
}
#app-mount .nowPlayingColumn_c2739c .itemCard_f02fcf:hover {
    background-color: var(--secondary1-colour);
}
#app-mount .nowPlayingColumn_c2739c .itemCard_f02fcf .body_cd82a7 {
    background-color: var(--secondary2-colour);
}

/*Shop*/
#app-mount .content_a4d4d9 .shop_e77fa3 {
    background-image: var(--transparency-3);
}

/*App Directory*/
#app-mount .directoryContainer_da3f59 {
    background-image: var(--transparency-3);
}

#app-mount .directoryContainer_da3f59 .container_d9c848,
#app-mount .container_d7acc7 .category_d7acc7 {
    transition: background-color 0.2s;
    transition-timing-function: ease-in-out;
}

#app-mount .directoryContainer_da3f59 .container_d9c848:hover,
#app-mount .container_d7acc7 .category_d7acc7:hover {
    background-color: var(--secondary2-colour);
}

#app-mount .directoryContainer_da3f59 .inputDefault_f8bc55 {
    border-color: transparent!important;
}
#app-mount .directoryContainer_da3f59 .searchBox_d83b4d:focus-within {
    border-color: var(--primary1-colour);
}

/*In Servers*/
#app-mount .listItem_c96c45 .numberBadge_df8943 {
    background-color: var(--primary1-colour)!important;
}

/*Icon Servers*/
#app-mount .wrapper__8436d {
    background-color: var(--secondary1-colour);
}
#app-mount .wrapper__8436d:hover {
    background-color: var(--primary3-colour);
}
/*Letter Servers*/
#app-mount .childWrapper_a6ce15,
#app-mount .circleIconButton_db6521 {
    background-color: var(--secondary1-colour);
}
#app-mount .childWrapper_a6ce15:hover,
#app-mount .circleIconButton_db6521:hover {
    background-color: var(--primary3-colour);
}

/*Server Folders*/
#app-mount .expandedFolderBackground_bc7085:not(.collapsed_bc7085) {
    background-color: var(--secondary3-colour);
}

/*Server Boosting*/
#app-mount .perksModal-CLcR1c {
    background: var(--transparency-1);
}
#app-mount .closeWrapper-1aVqeP .closeButton_df5532 {
    margin-top: 40px;
}

#app-mount .content-2jtGoN {
    margin: 0;
    padding: 32px 302px 32px 302px;
    background-image: var(--transparency-1);
}

#app-mount .persistentCtaSpacer-3NEYUw {
    max-height: 0px;
}
#app-mount .lowerBodyContentWrapper-3uemai {
    padding-bottom: 150px;
}

#app-mount .topPerksCard-1OyFW_,
#app-mount .lowerBodyContentWrapper-3uemai .wrapper-90V9J2 {
    background-color: var(--secondary3-colour);
}


/*Channels*/
#app-mount .containerDefault_a08117 {
    background-color: var(--primary3-colour);
    height: 30px;
    text-align: center;
    border-radius: 10px;
    padding: 5px 5px 0 5px;
}
#app-mount .activityPanel_a4d4d9 {
    background-image: var(--transparency-1);
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 0;
}

#app-mount .containerDefault_a08117 {
    margin-top: 15px;
}
#app-mount .containerDefaul...