CHILL DISCORD by sjnosukequy

/* ==UserStyle==
@name         CHILL DISCORD
@version      20230626.08.07
@namespace    ?
==/UserStyle== */

@-moz-document domain("discord.com") {
/* FONT */
* {
    font-family: 'Segoe UI', sans-serif !important;
}
}

@-moz-document url-prefix("https://discord.com/channels/") {
/* MINIMIZE HIDE */
[class|=sidebar]:not(nav) {
    width: 50px !important;
    /*
  -webkit-transition: width 0.5s !important;
	-webkit-transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1) !important;
	transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1) !important;
	transition: width 0.2s !important;
  */
    -webkit-transition: opacity 0.3s ease-in-out, width 0.4s;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}
[class|=sidebar]:hover:not(nav) {
    width: 240px !important;
}

/*ICONS*/
[class|=sidebar]:not(nav) div.children-1MGS9G {
    opacity: 0;
    transition: all 0.3s linear;
}
[class|=sidebar]:not(nav):hover div.children-1MGS9G {
    opacity: 1;
    transition: all 0.3s linear;
}

/*Avatar, name*/
div.nameTag-sc-gpq {
    opacity: 0;
    transition: all 0.3s linear;
}
[class|=sidebar]:not(nav):hover div.nameTag-sc-gpq {
    opacity: 1;
    transition: all 0.3s linear;
}

[class|=sidebar]:not(nav) div.avatarWrapper-1B9FTW {
    transform: translateX(2px);
    transition: all 0.3s linear;
}
[class|=sidebar]:not(nav):hover div.avatarWrapper-1B9FTW {
    transform: translateX(-2px);
    transition: all 0.3s linear;
}

/* Server Header */
div.headerContent-2SNbie {
    transform: translateX(3px);
    transition: all 0.3s linear;
}
[class|=sidebar]:not(nav):hover div.headerContent-2SNbie {
    transform: translateX(-3px);
    transition: all 0.3s linear;
}

/* Text overflow fix */
div.name-28HaxV {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}
div.progressBarContainer-1efroK {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}
div.textArea-7J7xQx {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    transition: all 0.3s linear;
}

/* CHANNELS/DMS */
div.sidebar-2K8pFh {
    opacity: 0;
    width: 50px;
    -webkit-transition: opacity 0.3s ease-in-out, width 0.5s;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}
div.sidebar-2K8pFh:hover {
    opacity: 1;
    width: 240px;
}

/* MEMBER LIST */
[class|=membersWrap] {
    opacity: 0;
    width: 10px;
    min-width: 40px;
    -webkit-transition: opacity 0.3s ease-in-out, width 0.5s;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}

[class|=membersWrap]:hover {
    opacity: 1;
    width: 240px;
}

.members-1998pB {
    opacity: 0;
    width: 40px;
    -webkit-transition: opacity 0.3s ease-in-out, width 0.5s;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}

.members-1998pB:hover {
    opacity: 1;
    width: 240px;
}
}

@-moz-document url-prefix("https://discord.com") {
/* THEME */
/* 
  body
  {
    background: url(https://i.imgur.com/2nibzcK.png);
    background-size: 300px 300px;
    background-repeat: no-repeat;
    background-position: center center;  
  }

  .appMount-3lHmkl
  {
    background: "https://wallpaperaccess.com/full/568034.jpg";
  }
*/
/* ------REMOVE GREY/WHITE BG COLORS------ */
.theme-dark,
.theme-light {
    --background-primary: transparent;
    --background-secondary: transparent;
    --background-secondary-alt: transparent;
    --background-tertiary: transparent;
    --background-floating: rgba(0, 0, 0, .8);
    --channeltextarea-background: transparent;
    --deprecated-panel-background: transparent;
    --header-primary: #fff;
    --header-secondary: #b9bbbe;
    --text-normal: #dcddde;
    --text-muted: #939599;
    --text-link: hsl(197, calc(var(--saturation-factor, 1)*100%), 47.8%);
    --text-link-low-saturation: hsl(197, calc(var(--saturation-factor, 1)*100%), 52.9%);
    --text-positive: hsl(139, calc(var(--saturation-factor, 1)*66.8%), 58.6%);
    --text-warning: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%);
    --text-danger: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    --text-brand: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%);
    --interactive-normal: #b9bbbe;
    --interactive-hover: #d9dbdc;
    --interactive-active: #fff;
    --interactive-muted: #454a52;
    --background-primary: url(https://i.imgur.com/2nibzcK.png);
    --background-secondary: #1B1C1F;
    --background-secondary-alt: #1a1a1d;
    --background-tertiary: #151516;
    --background-accent: #25272c;
    --background-floating: #0d0e10;
    --background-mobile-primary: #2c3034;
    --background-mobile-secondary: #121315;
    --background-modifier-hover: rgba(79, 84, 92, 0.16);
    --background-modifier-active: rgba(79, 84, 92, 0.24);
    --background-modifier-selected: rgb(42 43 44);
    --background-modifier-accent: hsla(0, 0%, 100%, 0.06);
    --info-positive-text: #fff;
    --info-warning-text: #fff;
    --info-danger-text: #fff;
    --info-help-background: hsla(197, calc(var(--saturation-factor, 1)*100%), 47.8%, 0.1);
    --info-help-foreground: hsl(197, calc(var(--saturation-factor, 1)*100%), 47.8%);
    --info-help-text: #fff;
    --status-warning-text: #000;
    --scrollbar-thin-thumb: #25292e;
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-thumb: #0f1011;
    --scrollbar-auto-track: hsl(210, calc(var(--saturation-factor, 1)*9.8%), 20%);
    --scrollbar-auto-scrollbar-color-thumb: #202225;
    --scrollbar-auto-scrollbar-color-track: #292c32;
    --elevation-stroke: 0 0 0 1px rgba(4, 4, 5, 0.15);
    --elevation-low: 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05), 0 2px 0 rgba(4, 4, 5, 0.05);
    --elevation-medium: 0 4px 4px rgba(0, 0, 0, 0.16);
    --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
    --logo-primary: #fff;
    --control-brand-foreground: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%);
    --control-brand-foreground-new: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%);
    --background-mentioned: hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, 0.1);
    --background-mentioned-hover: hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, 0.08);
    --background-message-hover: rgba(4, 4, 5, 0.07);
    --channels-default: #959596;
    --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    --channeltextarea-background: #1e2023;
    --activity-card-background: #202225;
    --textbox-markdown-syntax: #5f6266;
    --deprecated-card-bg: rgba(32, 34, 37, 0.6);
    --deprecated-card-editable-bg: rgba(32, 34, 37, 0.3);
    --deprecated-store-bg: #36393f;
    --deprecated-quickswitcher-input-background: #72767d;
    --deprecated-quickswitcher-input-placeholder: hsla(0, 0%, 100%, 0.3);
    --deprecated-text-input-bg: rgba(0, 0, 0, 0.1);
    --deprecated-text-input-border: rgba(0, 0, 0, 0.3);
    --deprecated-text-input-border-hover: #040405;
    --deprecated-text-input-border-disabled: #1c1d1f;
    --deprecated-text-input-prefix: #dcddde;
    --background-modal: #171718;
    --background-footer: #131314;
}
}