Discord Custom Theme

.connecting,
section.flex-vertical.flex-spacer,
.theme-dark .guilds-wrapper,
.theme-dark .channels-wrap, .theme-dark .guild-channels-wrapper,
.theme-dark .guild-channels,
.theme-dark .scroller.messages,
.theme-dark .messages-wrapper,
.theme-dark .messages message-text,
.theme-dark .chat,
.theme-dark .chat>.content,
.theme-dark .channel-members,
.theme-dark .popout, theme-dark .pop-out .user-popout {
    background:transparent;
}

/* -------------------------------------------------------------------------- */

.app, .connecting {
    background-image:url(https://i.imgur.com/mVJGTqe.jpg); /* CHANGE FOR YOUR OWN BACKGROUND */
}
.connecting {
    background:radial-gradient(rgba(150,195,255,0), rgba(150,195,255,0.3) 99%)
}

/* -------------------------------------------------------------------------- */

.theme-dark .channel-text {
    background:linear-gradient(to right,
        rgba(125,160,200,0),
        rgba(125,160,200,0.2)8%,
        rgba(125,160,200,0.25)9%,
        rgba(125,160,200,0)
    );
    margin:2px 0;
}
.theme-dark .channel-text:hover {
     background:linear-gradient(to right,
        rgba(125,160,200,0),
        rgba(125,160,200,0.3)8%,
        rgba(125,160,200,0.5)9%,
        rgba(125,160,200,0)
    );
}
.theme-dark .channel-text.unread {
    background:linear-gradient(to right,
        rgba(135,180,225,0),
        rgba(135,180,225,0.2)8%,
        rgba(135,180,225,0.4)9%,
        rgba(135,180,225,0)
    );
}
.theme-dark .channel-text.unread:hover {
    background:linear-gradient(to right,
        rgba(135,180,225,0),
        rgba(135,180,225,0.45)8%,
        rgba(135,180,225,0.7)9%,
        rgba(135,180,225,0)
    );
}
.theme-dark .channel-text.selected {
    background:linear-gradient(to right,
        rgba(155,195,245,0),
        rgba(155,195,245,0.4)8%,
        rgba(175,210,250,0.6)9%,
        rgba(155,195,245,0.3)
    );
}
.theme-dark .channel-text.selected:hover {
    background:linear-gradient(to right,
        rgba(155,195,245,0),
        rgba(155,195,245,0.5)8%,
        rgba(175,210,250,0.7)9%,
        rgba(155,195,245,0.3)
    );
}
.theme-dark .channel-text.channel-muted {
    background:linear-gradient(to right,
        rgba(125,160,200,0),
        rgba(125,160,200,0.1)10%,
        rgba(125,160,200,0)
    );
}
.theme-dark .channel-text.channel-muted:hover {
    background:linear-gradient(to right,
        rgba(125,160,200,0),
        rgba(125,160,200,0.1)10%,
        rgba(125,160,200,0)
    );
}

/* -------------------------------------------------------------------------- */

.theme-dark .popout .user-popout {
    box-shadow:0 0 15px rgba(0,0,0,0.4);
    backdrop-filter:blur(15px) !important;
}
.theme-dark .popout .user-popout header{
    background:radial-gradient(
        rgba(180,200,255,0.3) 50%,
        rgba(180,200,255,0.15) 50%
    );
    background-size:300% 300%; background-position:10% 20%;
    text-shadow:0 0 10px rgba(255,255,255,0.8);
}
.theme-dark .popout .user-popout .body,
.theme-dark .popout .user-popout .footer {
    background:rgba(25,65,125,0.8);
}
.theme-dark .popout .user-popout .icon {
    background-color:rgba(100,175,225,0.4);
    background-blend-mode:color-dodge;
    padding:3px 5px;border-radius:3px;
}
.theme-dark .popout .user-popout .body .label {
    color:white;
}
.theme-dark .popout .user-popout .note textarea {
    color:rgba(255,255,255,0.7);
}
.theme-dark .popout .user-popout .note textarea::-webkit-input-placeholder {
    color:rgba(255,255,255,0.8);
}
.theme-dark .popout .user-popout .note textarea:focus {
    background:rgba(200,225,255,0.3);
    color:rgb(255,255,255);
}
.theme-dark .popout .user-popout .note textarea:focus::-webkit-input-placeholder {
    color:rgb(235,235,235);
}

.theme-dark .popout .user-popout .footer .quick-message-wrapper .quick-message {
    background:rgba(5,35,85,0.8);
    color:rgb(100,150,225);
    border:solid 1px rgba(0,15,35,0.6);
}
.theme-dark .popout .user-popout .footer .quick-message-wrapper .quick-message::-webkit-input-placeholder {
    color:rgb(75,130,200);
}
/* -------------------------------------------------------------------------- */

.theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {
    background:transparent; border:none;
}
.theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb {
    background:linear-gradient(
        rgba(175,200,225,0.5),
        rgba(175,200,225,0.1),
        rgba(175,200,225,0.5)
    );
    border:none; border-radius:3px;
}

/* -------------------------------------------------------------------------- */
.theme-dark .message-group {
    margin:5px 10px;
    background:rgba(125,155,220,0.3);
    border-top-left-radius:0.5vw;
    border-bottom-left-radius:0.5vw;
}
.theme-dark .message-group.is-local-bot-message {
    background:linear-gradient(to left,
        rgba(115,165,245,0.6),
        rgba(115,165,245,0.3)45%
    );
    border:none;
    box-shadow:-10px 0 3px rgba(115,165,245,0.7);
}
.theme-dark .message-group .avatar-large {
    margin:10px;
}
.theme-dark .message-group h2 .timestamp {
    float:right; color:rgba(150,200,250,1);
    cursor:default;
}
.theme-dark .message-group .comment .markup pre{
    background:transparent; border:solid 1px rgba(255,255,255,0.3);
}
.theme-dark .message-group .comment .markup pre code,
.theme-dark .message-group .comment .markup code.inline,
.theme-dark .message-group .comment .embed-wrapper {
    background:rgba(0,25,100,0.5);
}

.theme-dark .chat form .channel-textarea {
    background:rgba(150,185,245,0.4);
    box-shadow:0 0 15px rgba(150,175,225,0.4);
}
.theme-dark .chat form .channel-textarea-inner {
    border:none;
}
.theme-dark .chat form .channel-textarea textarea {
    color:rgb(195,200,255);
}
.theme-dark .chat form .channel-textarea textarea::-webkit-input-placeholder {
    color:rgba(195,200,255,0.4);
}
.theme-dark .chat form .typing {
    background:linear-gradient(to right,
        rgba(200,235,255,0),
        rgba(200,235,255,0.3) 3%,
        rgba(200,235,255,0)
    );
    text-align:center;
}

/* -------------------------------------------------------------------------- */

.theme-dark .channel-members-wrap .member{
    background:rgba(195,200,255,0.2);
    border-radius:5px;
    margin:3px 0; padding:10px 15px;
    transition:background 0.3s;
}
.theme-dark .channel-members-wrap .member.member-status-online {
    background:linear-gradient(to left,
        rgba(125,255,245,0.6),
        rgba(35,200,150,0.4),
        rgba(35,200,150,0.1)20%
    ), rgba(195,200,255,0.2);
}
.theme-dark .channel-members-wrap .member.member-status-dnd {
    background:linear-gradient(to left,
        rgba(255,125,125,0.6),
        rgba(255,75,75,0.4),
        rgba(255,75,75,0.1)20%
    ), rgba(195,200,255,0.2);
}
.theme-dark .channel-members-wrap .member.member-status-idle {
    background:linear-gradient(to left,
        rgba(255,255,175,0.6),
        rgba(255,235,100,0.4),
        rgba(255,235,100,0.1)20%
    ), rgba(195,200,255,0.2);
}
.theme-dark .channel-members-wrap .member.member-status-offline {
    background:rgba(25,35,65,0.6);
}
.theme-dark .channel-members-wrap .member.member-status-offline:hover {
    background:rgba(45,65,100,0.8);
}
.theme-dark .channel-members-wrap .member:hover {
    background:rgba(195,200,255,0.4);
}
.theme-dark .channel-members-wrap .member.member-status-online:hover {
    background:linear-gradient(to left,
        rgba(125,255,245,0.6),
        rgba(35,215,150,0.4),
        rgba(35,215,150,0.15)20%
    ), rgba(195,200,255,0.3);
}
.theme-dark .channel-members-wrap .member.member-status-dnd:hover {
    background:linear-gradient(to left,
        rgba(255,125,125,0.6),
        rgba(255,95,95,0.4),
        rgba(255,75,75,0.15)20%
    ), rgba(195,200,255,0.3);
}
.theme-dark .channel-members-wrap .member.member-status-idle:hover {
    background:linear-gradient(to left,
        rgba(255,255,175,0.6),
        rgba(255,245,100,0.4),
        rgba(255,245,100,0.15)20%
    ), rgba(195,200,255,0.3);
}