dj substance userstyle by djsubstance

/* ==UserStyle==
@name           Pillow Discord
@namespace      USO Archive
@author         PIwwowo
@description    `It is a theme made by Piwwowo#9999 for the websites https://discord.gg and https://discord.com . It is very nice, with a transparent background and fully customizable colors. if you don't enjoy it, tell me! :D`
@version        20200522.1.59
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain(discord.com) {

    /* ------BACKGROUND------ */
    /*contact me (Piwwowo#9999)*/
    body {
        background: url("https://media.discordapp.net/attachments/493090126596145175/713155882212393080/a.png?width=3840&height=2160");
        /*set the bg here*/
        background-size: cover;
    }
    .appMount-3lHmkl {
        background: rgba(0, 0, 0, 1);
    }
    /* Variables */
    :root {
        --theme-version: 2;
        --main-color: #16356d;
        --hover-color: #1c4faf;
        --online: #43b581;
        --idle: #faa61a;
        --dnd: #f04747;
        --offline: #636b75;
        --invisible: rgba(2, 2, 3, 1);
        --streaming: #643da7;
        --home-color: #eee;
        --home-size: 24px;
        --roundness: 0px;
        --spoiler-blur: 5px;
        --shadow: rgba(0, 0, 0, .4);
        --alert-display: block;
        --accent: var(--main-color);
    }

    ::selection {
        background: var(--main-color-faded) !important;
    }

    /*1. Background and Sizing*/
    /*1.a. Main Background*/
    body::before {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        background-image: url('https://i.redd.it/y6rc2sm425051.jpg');
        background-size: cover;
        background: rgba(0, 0, 0, 0);
        background-repeat: no-repeat;
        background-position: center;
        pointer-events: none;
        box-shadow: inset 0 0 0 1000px var(--backdrop-darkness);
    }
    .layer-3QrUeG,
    .layers-3iHuyZ,
    .container-2lgZY8 {
        background: transparent !important;
    }
    /*Makes CD compatible with monsters addons*/
    .theme-dark,
    .appMount-3VJmYg {
        --primary-color: rgba(0, 0, 0, 0.75);
        --secondary-color: rgba(0, 0, 0, 0.6);
        --tertiary-color: rgba(0, 0, 0, 0.4);
        --quaternary-color: rgba(0, 0, 0, 0.7);
    }

    /*1.b. Spacing*/
    .app,
    .app-2rEoOp {
        margin: 25px;
        border-radius: 6px;
        overflow: hidden;
    }
    .container-3gCOGc,
    #friends,
    .activityFeed-28jde9,
    .gameLibrary-TTDw4Y,
    .applicationStore-1pNvnv {
        border-radius: 6px !important;
    }
    .base-3dtUhz {
        border-radius: 0 0 0 5px !important;
    }

    /*1.c. General Transparency*/
    #app-mount,
    .divider-3gKybi,
    .typing-2GQL18,
    .typing-2GQL18,
    .bg-h5JY_x,
    .guild-1EfMGQ .guildInner-3DSoA4 {
        background: transparent !important;
        margin-bottom: 10px;
    }

    /*1.d. Light Mode Blocker (Based on MasicoreLord's Light Theme blocker, taken with permission). */
    .theme-light .layer-3QrUeG:first-of-type::before {
        content: "Light mode will not work with CD! Please use dark mode!";
        text-align: center;
        width: 500px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(0, 0, 0, 0.75);
        border: 1px solid rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 12px black;
        color: #fff;
        padding: 20px;
        padding-bottom: 80px;
        border-radius: 5px;
    }
    .theme-light button.button-14-BFJ.enabled-2cQ-u7.button-38aScr.lookBlank-3eh9lL.colorBrand-3pXr91.grow-q77ONN[aria-label="User Settings"] {
        position: absolute;
        left: 47%;
        border-radius: 3px;
        top: 45%;
        transform: translate(-50%, 120%);
        width: 480px;
        height: 40px;
        visibility: visible !important;
        background: var(--main-color) !important;
        box-shadow: 0 0 12px black;
        opacity: 1;
    }
    .theme-light button.button-14-BFJ.enabled-2cQ-u7.button-38aScr.lookBlank-3eh9lL.colorBrand-3pXr91.grow-q77ONN[aria-label="User Settings"]::before {
        content: "Turn On Dark mode";
        color: white;
        font-weight: bold;
    }
    .theme-light .side-8zPYf6 .item-PXvHYJ:nth-of-type(19) {
        border: 2px solid var(--hover-color);
        color: var(--hover-color);
        background: var(--main-color-faded);
        padding: 16px;
        text-align: center;
    }
    .theme-light .layer-3QrUeG {
        background: var(--backdropblurred) !important;
        background-size: cover !important;
    }
    .theme-light .layer-3QrUeG:first-of-type * {
        visibility: hidden;
    }
    /*============== END OF SECTION ============== */
    /*2. Titlebar*/
    /*2.a. Main Titlebar*/
    .wordmark-2iDDfm path {
        display: none;
    }
    .typeMacOS {
        margin-left: 1.25% !important;
        margin-top: -0.3%;
    }
    #app-mount .wrapper-1Rf91z {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
    .wordmark-2iDDfm:after {
        content: 'discordapp theme by Piwwowo#9999';
        position: absolute !important;
        left: 5px;
        width: 100vw;
        font-family: 'Comfortaa';
        color: rgba(255, 255, 255, 0.8);
        font-size: 19px;
        font-weight: bold;
        margin-top: 6px;
    }
    .winButtonClose-1HsbF-:active {
        box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.35);
    }
    .winButtonMinMax-PBQ2gm:active {
        background: rgba(255, 255, 255, 0.15);
    }
    .winButton-iRh8-Z:nth-child(3) svg {
        display: none;
    }
    .winButtonClose-1HsbF-,
    .winButtonMinMax-PBQ2gm.winButton-iRh8-Z.flexCenter-3_1bcw.flex-1O1GKY.justifyCenter-3D2jYp.alignCenter-1dQNNs {
        width: 45px;
        height: 30px;
        transition: 250ms ease all;
    }
    .titleBar-AC4pGV .winButton-iRh8-Z:nth-child(3) {
        background-image: url(https://cdn.discordapp.com/attachments/696519722514120737/712399117522829312/unknown.png) !important;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 19px;
    }
    .winButtonClose-1HsbF-:hover:after {
        content: 'Close';
        position: absolute;
        top: 40px;
        color: #dcddde;
        background: inherit;
        border-radius: 5px;
        animation: fadetop 150ms;
        padding: 8px 12px;
        font-size: 14px;
        font-weight: 500;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
        right: 2px;
    }
    .titleBar-AC4pGV .winButton-iRh8-Z:nth-child(3):hover:after {
        content: 'Maximize';
        position: absolute;
        top: 40px;
        color: #dcddde;
        background: var(--main-color);
        padding: 8px 12px;
        border-radius: 5px;
        filter: none !important;
        animation: fadetop 150ms;
        font-size: 14px;
        font-weight: 500;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    }
    .winButton-iRh8-Z:nth-of-type(4):hover:after {
        content: 'Minimize';
        background: var(--main-color);
        position: absolute;
        top: 40px;
        color: #dcddde;
        padding: 8px 12px;
        border-radius: 5px;
        opacity: 1;
        animation: fadetop 150ms;
        font-size: 14px;
        font-weight: 500;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    }

    /*============== END OF SECTION ============== */
    /*3. Chat*/
    /*3.a. Messages and Codeblocks*/
    .buttons-cl5qTG.container-3npvBV {
        margin-top: 32px;
    }
    .buttons-cl5qTG.container-3npvBV {
        box-shadow: none;
    }
    .buttons-cl5qTG.container-3npvBV:hover {
        color: white;
        border-radius: 5px;
    }
    .separator-42rNt0 {
        display: none;
    }
    .emojiButton-jE9tXC.button-1ZiXG9 {
        display: none;
    }
    .wrapper-2aW0bm:hover {
        box-shadow: none;
    }
    .message-2qnXI6.cozyMessage-3V1Y8y.wrapper-2a6GCs.cozy-3raOZG.zalgo-jN1Ica {
        background: rgba(0, 0, 0, 0.25);
        margin: 3px 20px 0px 20px;
        border-radius: 8px;
    }
    .message-2qnXI6.cozyMessage-3V1Y8y.groupStart-23k01U.wrapper-2a6GCs.cozy-3raOZG.zalgo-jN1Ica {
        margin: 10px 20px 0px 20px;
    }
    .markup-2BOw-j.messageContent-2qWWxC {
        margin: 0px 0px 4px -70px;
    }
    .da-containerCozy .inner-zqa7da {
        background: rgba(0, 0, 0, 0.25) !important;
    }
    .messageCozy-2JPAPA .image-33JSyf {
        border-radius: var(--chat-avatar-roundness) !important;
    }
    .operations-36ENbA > a {
        color: var(--hover-color) !important;
    }
    .containerCozy-jafyvG {
        background: rgba(0, 0, 0, 0.4);
        margin: 15px 15px 0 25px;
        border-radius: 5px;
    }








    .isLocalBot-38G0P0 {
        background: transparent !important;
        box-shadow: none !important;
    }
    .message-2qRu38 {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    .markup-2BOw-j pre {
        background: transparent !important;
        border-radius: 5px !important;
    }
    .markup-2BOw-j code {
        background: rgba(0, 0, 0, 0.5) !important;
        border-radius: 5px !important;
    }
    .messageGroupBlocked-3wrQQX.revealed-1_RKsf {
        border: none !important;
    }
    .messageGroupBlocked-3wrQQX {
        background: rgba(0, 0, 0, 0.5) !important;
        border: none !important;
    }
    .messageGroupBlockedBtn-1PBBh- {
        background: transparent !important;
    }
    .option-1l2vXE .lookFilled-1Gx00P.colorGreen-29iAKY {
        background: var(--main-color) !important;
    }

    /*3.b. Dividers*/
    .unreadBar-3YD_k9 {
        background: var(--main-color);
    }
    .content-1o0f9g {
        color: white;
        border-radius: 5px;
        background-image: linear-gradient(45deg, var(--gradient1), var(--gradient2));
        padding: 8px 20px;
    }
    .divider-3_H...