Discord+ by gapva

/* ==UserStyle==
@name         Discord+
@version      20210905.04.36
@namespace    userstyles.world/user/gapva
@description  Adds a couple of tweaks and changes to Discord.
@author       gapva
@license      No License
==/UserStyle== */

@-moz-document domain("discord.com") {
img {
    transition-duration: 0.25s;
}

img:hover {
    transform: scale(2);
    border-radius: 5px;
}

div {
    transition-duration: 0.25s;
}

.messageContent-2qWWxC {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 64em;
    height: min-content;
    animation-name: typeout;
    animation-duration: 6s;
    animation-delay: 0s;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-timing-function: steps(128);
    animation-iteration-count: 1;
    font-size: 18px;
}

.clickable-1bVtEA {
    overflow: hidden;
    position: sticky;
    white-space: nowrap;
    font-size: 18px;
}

.appMount-3lHmkl {
    background-image: url(https://media.discordapp.net/attachments/881206681978146819/883810055588311050/discordPlus.png?width=1084&height=610);
    background-color: rgba(9, 24, 51, 0);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
}

.theme-dark {
    --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
}

@keyframes typeout {
    from {
        width: 0;
        height: 1.4em;
    }
    
    to {
        width: 64em;
        height: auto;
    }
}
}