Discord Xeno by arafyr

/* ==UserStyle==
@name           Discord Xeno
@namespace      USO Archive
@author         RetroDX
@description    `XENO, clean, clear, customizable. Firefox Only, able to use on chrome if you look at comment 1 in additional info.Imported by Alexios to web editionNot developed by me. Found on CodeDotSpectra.`
@version        20191030.18.9
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("discordapp.com") {

    /*Xeno theme imported to web edition. Not Developed by me. Get rid of the ponies if you want.*/
    /*Imported by Alexios#7835*/
    /*Ignore warnings, grey bar next to channels is impossible to remove as its built into the web edition's HTML. I've tried.*/
    :root {
        /* Background color */
        --backgroundColor: #121212;

        /* Background image */
        --backgroundImage: url('https://derpicdn.net/img/view/2017/2/17/1365202.png');
        --backgroundImageOpacity: .75;

        /* Home button image */
        --homeButtonImage: url('https://img4.goodfon.com/original/1920x1080/0/80/materyi-volk-past-klyki-goriashchie-glaza-oboroten-tma-iazyk.jpg');

        /* Theme Colors */
        --uiGradient1: #48aec8;
        --uiGradient2: #008040;
        /* Text Colors */
        --textNormal: #dcddde;
        --textMuted: #72767d;
        --textLinks: #3c63ff;
        --channelsDefault: #e4e4e4;
        --channelsNormal: #d6d6d6;
        --channelsHover: #ebebeb;
        --channelsActive: #fff;
        --channelsMuted: #7d7d7d;

        /* Theme custom font (You need to import the font file first)*/
        /*--customFont: 'Ubuntu';*/
    }
}

@-moz-document domain("discordapp.com") {
    /* == Theme core == */
    /* app font */
    ::-webkit-input-placeholder,
    body:not([class*=hljs]):not(code):not([class*=ace_]) {
        font-family: var(--customFont)!important
    }
    .ace_editor {
        font: 17px/normal Monaco, Menlo, 'Ubuntu Mono', Consolas, source-code-pro, monospace!important
    }
    /* background color */
    .placeholderWrapper-3FaLtZ,
    .wrapper-3UweLa,
    .appMount-3lHmkl {
        background-color: var(--backgroundColor) !important;
    }
    /* background image */
    .appMount-3lHmkl::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        pointer-events: none;
        background-image: var(--backgroundImage);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-clip: border-box;
        background-attachment: fixed;
        background-origin: border-box;
        -webkit-mask: radial-gradient(#000 40%, transparent);
        z-index: 0;
        opacity: var(--backgroundImageOpacity);
    }
    .app-19_DXt {
        z-index: 200;
    }
    /* remove background color */
    .bg-h5JY_x,
    .layers-3q14ss,
    .wrapper-1Rf91z,
    .chatContent-a9vAAp,
    .container-1r6BKw.themed-ANHk51,
    .chat-3bRxxu,
    .scroller-2TZvBN,
    .sidebar-2K8pFh,
    .members-1998pB,
    .messages-3amgkRn,
    .base-3dtUhz,
    .messages-3amgkR,
    .panels-j1Uci_,
    .container-PNkimc,
    .standardSidebarView-3F1I7i,
    .header-39GIC8,
    .scroller-1JbKMe,
    .sidebarRegionScroller-3MXcoP,
    .container-3baos1,
    .sidebar-2K8pFh,
    .contentRegion-3nDuYy,
    .layer-3QrUeG,
    .container-3gCOGc,
    .privateChannels-1nO12o,
    .scroller-5bBood,
    .scroller-1IIF0A,
    .contentRegionScroller-26nc1e,
    .scroller-9moviB,
    .scroller-305q3I,
    .applicationStore-1pNvnv,
    .activityFeed-1C0EmJ,
    .bodyInner-245q0L,
    .footer-1fjuF6,
    .paginator-166-09,
    .root-1BQpZw,
    .pageWrapper-1PgVDX,
    .payment-xT17Mq,
    .searchResultsWrap-2DKFzt,
    .searchHeader-1l-wpR,
    .channelSeparator-1X1FuH .channelName-1QajIf,
    .headerNormal-T_seeN,
    .friendsTable-133bsv .friendsTableBody-1ZhKif,
    .layer-3QrUeG.baseLayer-35bLyl,
    .app-2rEoOp {
        background: transparent!important;
    }
    .bg-AYqtMd {
        display: none;
    }
    /* remove shadows */
    .container-1r6BKw,
    .searchBar-6Kv8R2,
    .emojiRow-zIc7ZX,
    .title-3qD0b-,
    .content-yTz4x3:before,
    .container-3T1zWi:before,
    .container-19hC9u:before,
    .container-xm7Ad0:before,
    .friendsTable-133bsv:before,
    .member-1q7VfX,
    .bannedUser-1IalTM,
    .inviteSettingsInviteRow-3p2O-N,
    .searchResult-3pzFAB .hit-NLlWXA,
    .searchHeader-1l-wpR,
    .item-3eFBNF,
    .game-1ipmAa,
    .header-2o-2hj {
        box-shadow: none!important;
    }
    .searchResult-3pzFAB:before,
    .searchResult-3pzFAB:after,
    .channelSeparator-1X1FuH:before,
    .children-19S4PO:after {
        display: none!important
    }
    /* remove borders */
    .header-39GIC8,
    .channelTextArea-rNsIhG,
    .leaveActionWrapper-34XGz6,
    .featureBorder-7j4v58,
    .card-FDVird:before,
    .paymentHeader-3QlZQi,
    .bottomDivider-1K9Gao,
    .divider-3wNib3,
    .rowWrapper-2fB6P0 + .rowWrapper-2fB6P0 .row-ZLfFhY,
    .friendsTable-133bsv .friendsTableHeader-32yE7d,
    .friendsTable-133bsv .friendsRow-2yicud + .friendsRow-2yicud,
    .dividerEnabled-2TTlcf {
        border: none!important;
    }
    #bd-settings-sidebar .ui-tab-bar-separator,
    .divider-3573oO,
    .attachButtonDivider-3Glu60,
    .side-8zPYf6 .separator-gCa7yv {
        display: none!important;
    }
    /* scrollbar */
    ::-webkit-scrollbar {
        border: none !important;
        width: 6px !important;
    }
    ::-webkit-scrollbar-track {
        background: transparent;
        border: none !important;
    }
    ::-webkit-scrollbar-track-piece {
        background: transparent !important;
        border: none !important;
    }
    ::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .5)!important;
        border-radius: 20px !important;
        border: none !important;
    }
    /* plugin updates notice */
    #pluginNotice {
        position: absolute;
        z-index: 5000;
        left: 50%;
        width: 500px;
        margin-left: -250px;
        border-radius: 0!important;
        background: transparent;
        box-shadow: none!important;
        opacity: 0;
        transform: translateY(-100%);
        animation: fadeInFromTop .3s ease-out;
        animation-fill-mode: forwards;
        box-sizing: border-box;
    }
    @keyframes fadeInFromTop {
        from {
            opacity: 0;
            transform: translateY(-100%);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }
    /* xeno */
    .wordmarkWindows-1v0lYD svg * {
        display: none!important;
    }
    .wordmarkWindows-1v0lYD {}
    .wordmark-2iDDfm svg {
        background-image: url('https://i.imgur.com/8m8XpGC.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 80px;
        height: 16px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 0;
        display: block;
        opacity: .6;
    }
    /* windows buttons */
    .winButton-iRh8-Z,
    .typeWindows-1za-n7 {
        height: 25px;
    }
    .typeWindows-1za-n7 {
        padding: 5px 0;
        margin: 0;
        box-sizing: border-box;
    }
    .winButton-iRh8-Z svg * {
        display: none;
    }
    .winButton-iRh8-Z svg {
        position: absolute;
        top: 2.5px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 45% 45%;
        background-color: transparent;
        background-color: var(--bg0);
    }
    .winButton-iRh8-Z:hover {
        background-color: transparent;
    }
    .winButtonMinMax-PBQ2gm:nth-child(3) svg {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjRkZGRkZGIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTcgMTRINXY1aDV2LTJIN3YtM3ptLTItNGgyVjdoM1Y1SDV2NXptMTIgN2gtM3YyaDV2LTVoLTJ2M3pNMTQgNXYyaDN2M2gyVjVoLTV6Ii8+PC9zdmc+);
        background-position: center;
        background-size: 77%;
        background-repeat: no-repeat;
        border-radius: 50%;
        padding: 3px;
        transition: all .2s ease;
    }
    .winButtonMinMax-PBQ2gm:nth-child(4) svg {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQ1OS4zMTNweCIgaGVpZ2h0PSI0NTkuMzE0cHgiIHZpZXdCb3g9IjAgMCA0NTkuMzEzIDQ1OS4zMTQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDU5LjMxMywyMjkuNjQ4YzAsMjIuMjAxLTE3Ljk5Miw0MC4xOTktNDAuMjA1LDQwLjE5OUg0MC4xODFjLTExLjA5NCwwLTIxLjE0LTQuNDk4LTI4LjQxNi0xMS43NzQgQzQuNDk1LDI1MC44MDgsMCwyNDAuNzYsMCwyMjkuNjZjLTAuMDA2LTIyLjIwNCwxNy45OTItNDAuMTk5LDQwLjIwMi00MC4xOTNoMzc4LjkzNiBDNDQxLjMzMywxODkuNDcyLDQ1OS4zMDgsMjA3LjQ1Niw0NTkuMzEzLDIyOS42NDh6Ii8+PC9zdmc+);
        background-position: center;
        background-size: 45%;
        background-repeat: no-repeat;
        border-radius: 50%;
        padding: 3px;
        transition: all .2s ease;
    }
    .winButtonClose-1HsbF- svg {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMDAgMTAwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYzMi44LDQ5OS42bDMyOS4xLDMyOS4xYzM3LjUsMzcuNSwzNy41LDk1LjMsMCwxMzIuOGMtMTcuMywxNy4zLTQzLjMsMjguOS02Ni40LDI4LjljLTIzLjEsMC00OS4xLTExLjUtNjYuNC0yOC45TDUwMCw2MzIuNEwxNzAuOSw5NjEuNWMtMTcuMywxNy4zLTQzLjMsMjguOS02Ni40LDI4LjljLTIzLjEsMC00OS4xLTExLjUtNjYuNC0yOC45Yy0zNy41LTM3LjUtMzcuNS05NS4zLDAtMTMyLjhsMzI5LjEtMzI5LjFMMzguMSwxNzAuNk...