discord-hradec by hradec

/* ==UserStyle==
@name           discord-hradec
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    a style to keep messages together
@author         stylus@hradec.com
==/UserStyle== */

@-moz-document domain("discord.com") {
    
.messagesWrapper-RpOMA3, .scrollerContent-2SW0kQ {
     background: var(--background-secondary-alt);
}
.messageListItem-ZZ7v6g {
    outline: none;
    position: relative;
    /* font-size: 0.875rem; */
    /* line-height: 1.125rem; */
    /* text-indent: 0; */
    /* white-space: pre-wrap; */
    scrollbar-width: thin;
    scrollbar-color: var(--background-tertiary) var(--background-secondary);
    background: var(--background-primary);
    border: 0px solid  var(--background-secondary-alt);
    border-left-width: 5px ;
    border-right-width: 5px ;
    border-top-width: 0px ;
    border-bottom-width: 0px ;
    border-radius: 15px;
    padding: 0px;
} 
/*
--header-primary: var(--white-500);
    --header-secondary: var(--primary-dark-300);
    --text-normal: var(--primary-dark-200);
    --text-muted: var(--primary-dark-330);
    --text-link: var(--link-500);
    --text-link-low-saturation: var(--link-low-saturation-500);
    --text-positive: var(--status-green-560);
    --text-warning: var(--status-yellow-500);
    --text-danger: var(--status-red-360);
    --text-brand: var(--brand-360);
    --interactive-normal: var(--primary-dark-300);
    --interactive-hover: var(--primary-dark-200);
    --interactive-active: var(--white-500);
    --interactive-muted: var(--primary-dark-500);
    --mention-foreground: var(--brand-260);
    --mention-background: hsl(var(--brand-500-hsl)/0.3);
    --background-primary: var(--primary-dark-600);
    --background-secondary: var(--primary-dark-630);
    --background-secondary-alt: var(--primary-dark-660);
    --background-tertiary: var(--primary-dark-700);
    --background-accent: var(--primary-dark-500);
    --background-floating: var(--primary-dark-800);
    --background-nested-floating: var(--primary-dark-630);
    --background-mobile-primary: var(--primary-dark-600);
    --background-mobile-secondary: var(--primary-dark-630);
    --chat-background: var(--primary-dark-600);
    --chat-border: var(--primary-dark-700);
    --chat-input-container-background: var(--primary-dark-600);
    --background-modifier-hover: hsl(var(--primary-dark-500-hsl)/0.4);
    --background-modifier-active: hsl(var(--primary-dark-500-hsl)/0.48);
    --background-modifier-selected: hsl(var(--primary-dark-500-hsl)/0.6);
    --background-modifier-accent: hsl(var(--primary-dark-500-hsl)/0.48);
    --info-positive-background: hsl(var(--status-green-600-hsl)/0.1);
    --info-positive-foreground: var(--status-green-600);
    --info-positive-text: var(--white-500);
    --info-warning-background: hsl(var(--status-yellow-500-hsl)/0.1);
    --info-warning-foreground: var(--status-yellow-500);
    --info-warning-text: var(--white-500);
    --info-danger-background: hsl(var(--status-red-500-hsl)/0.1);
    --info-danger-foreground: var(--status-red-500);
    --info-danger-text: var(--white-500);
    --info-help-background: hsl(var(--link-500-hsl)/0.1);
    --info-help-foreground: var(--link-500);
    --info-help-text: var(--white-500);
    --status-positive-background: var(--status-green-660);
    --status-positive-text: var(--white-500);
    --status-warning-background: var(--status-yellow-500);
    --status-warning-text: var(--black-500);
    --status-danger-background: var(--status-red-500);
    --status-danger-text: var(--white-500);
*/
}