Kretcord by kretcee

/* ==UserStyle==
@name       discord.com - Mar 2024
@version    20240315.16.01
@namespace  ?
==/UserStyle== */

@-moz-document domain("discord.com") {
/**
██╗  ██╗██████╗ ███████╗████████╗
██║ ██╔╝██╔══██╗██╔════╝╚══██╔══╝
█████╔╝ ██████╔╝█████╗     ██║   
██╔═██╗ ██╔══██╗██╔══╝     ██║   
██║  ██╗██║  ██║███████╗   ██║   
╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝   ╚═╝   tweaks.
**/

@import url(https://raw.githubusercontent.com/Blisterexe/shiggy-loader/main/main.css);
@import url(https://raw.githubusercontent.com/SEELE1306/CSS-Snippets/main/MessageUltilities/TimestampBubbles/import.css);

:root {
  --theme-h: 0;
  --theme-s: 0%;
  --theme-l: 5%;
  --primary-500-hsl: var(--theme-h) var(--theme-s) calc(var(--theme-l) + 11.9%);
  --primary-530-hsl: var(--theme-h) var(--theme-s) calc(var(--theme-l) + 6.7%);
  --primary-560-hsl: var(--theme-h) var(--theme-s) calc(var(--theme-l) + 2.9%);
  --primary-600-hsl: var(--theme-h) var(--theme-s) calc(var(--theme-l) + 0%);
  --primary-630-hsl: var(--theme-h) var(--theme-s) calc(var(--theme-l) - 2.6%);
  --primary-645-hsl: var(--theme-h) var(--theme-s) calc(var(--theme-l) - 3.7%);
  --primary-660-hsl: var(--theme-h) var(--theme-s) calc(var(--theme-l) - 5.9%);
  --primary-700-hsl: var(--theme-h) var(--theme-s) calc(var(--theme-l) - 8.1%);
  --primary-730-hsl: var(--theme-h) var(--theme-s) calc(var(--theme-l) - 9.6%);
  --primary-760-hsl: var(--theme-h) var(--theme-s) calc(var(--theme-l) - 11.4%);
  --primary-800-hsl: var(--theme-h) var(--theme-s) calc(var(--theme-l) - 13.3%);
  --primary-830-hsl: var(--theme-h) var(--theme-s) calc(var(--theme-l) - 15.7%);
  --primary-860-hsl: var(--theme-h) var(--theme-s) calc(var(--theme-l) - 18.1%);
  --primary-900-hsl: var(--theme-h) var(--theme-s) calc(var(--theme-l) - 19.8%);

  /* color of links */
  --accent-1: hsl(278, 80%, 60%);
  /* color of unread dividers and some indicators */
  --accent-2: hsl(278, 80%, 52%);
  /* color of accented buttons */
  --accent-3: hsl(278, 80%, 44%);
  /* color of accented buttons when hovered */
  --accent-4: hsl(278, 80%, 36%);
  /* color of accented buttons when clicked */
  --accent-5: hsl(278, 80%, 28%);
  /* color of mentions and messages that mention you */
  --mention: hsla(278, 80%, 52%, 0.08);
  /* color of mentions and messages that mention you when hovered */
  --mention-hover: hsla(278, 80%, 52%, 0.05);
}

/* [[ QUOTES ]] */
[class*="markup_"] blockquote {
  padding: 4px 10px;
  background: color-mix(in srgb, var(--brand-experiment) 25%, transparent);
  border-radius: 0 4px 4px 0;
}
.theme-dark[class*="markup_"] blockquote {
  color: var(--brand-experiment);
  background: var(--brand-experiment);
}
.theme-light[class*="markup_"] blockquote {
  color: var(--brand-experiment);
}
[class*="blockquoteDivider_"] {
  background: var(--brand-experiment);
}

/*        ▄██████████████████████████████████████████ 
        █████████████████████████████████████████████
       ██████████████████████████████████████████████
      ████████████████████▀██████████████████████████
      ██████████ █████████  ▀████████████████████████
      █████████▀  ████████    ▀██████████████████████
      █████████   ▀███████   █▄▀▀▀████████████▀▀█████
      ███████████▄████████          ▄██████████▄ ████
      ████████▀   █████████      ▄██████████████  ███
      ▀███████        █████     ██████ ███████   ████
       ███████▄███▄▄   ████▄   █ ████▀ ███████  █████
       ▀████████▀ █████ ▀████ █   ▀▀▀ ▀▀██████ ████▀ 
        ████████▄  ████   ███▄█          █████████▀  
         ███████▀▄   ▀▀      ▀▄          ████████▀   
          ████████                       ███████     
           ███████                       ████ ██     
            ███▀████                     ████  █     
             ██ █████                  █████▀▄█      
                  ███               ▄██▀ ███ █       
                   ██          ▄▄▄▄▀▀██  ██  █       
                    █                 ██ █▀  █       
                    ▀                  █ ▀    █      */

/* replace ping/strikethrough red */
.numberBadge__50328, /* dm unread number */
.mention-3XBnnZ /* "NEW" serverlist indicator */ {
  background: var(--accent-2) !important;
}
.divider__8cf56  /* unread dividers */ {
  --divider-color: var(--accent-2);
}
/* .icons__10dd7   /* channel mute button strikethrough */
.strikethrough__29b20 /* mute button strikethrough */ {
  color: var(--accent-2) !important;
}
path[fill="var(--status-danger)"] /* vencord game activity strikethrough */ {
  fill: var(--accent-2) !important;
}
/* replace blurple */
.expandedFolderIconWrapper__458cf svg /* folder icons */ {
  color: var(--accent-2) !important;
}

.theme-dark {
  --blue-345: var(--accent-1); /* links */
  --brand-260: var(--accent-2); /* "NEW" channel list indicator */
  --brand-360: var(--accent-2); /* bot labels, dm button, spotify progressbar */
  --brand-430: var(--accent-4); /* send button hover */
  --brand-500: var(--accent-3); /* buttons */
  --brand-560: var(--accent-4); /* button hovered */
  --brand-600: var(--accent-5); /* button pressed */
  --mention-background: var(--mention);
  --mention-foreground: var(--accent-2);
  --background-message-highlight: var(--mention);
  --background-message-highlight-hover: var(--mention-hover);
}
.container__871ba.checked__6bdb0 /* settings checkbuttons */ {
  background: var(--accent-3) !important;
}

/* replace ping yellow */
.theme-dark {
  --background-mentioned: var(--mention);
  --background-mentioned-hover: var(--mention-hover);
}
.mentioned__58017:before /* mention message left edge */ {
  background: var(--accent-3) !important;
}

/* replace green */
.theme-dark {
  --green-360: var(--accent-2); /* replace other green stuff */
  --green-430: var(--accent-3); /* green buttons (like invite) */
  --green-500: var(--accent-4); /* green button hover */
  --green-530: var(--accent-5); /* green button click */
  --text-positive: var(--accent-1);
}
.wrapper_edb6e0 rect[fill="#23a55a"]  /* replace green online circles */ {
  fill: var(--accent-2) !important;
}

/* Add danger colours to dangerous user actions */
#user-context-close-dm,
#user-context-remove-friend,
#user-context-block {
  color: var(--status-danger);
}
#user-context-close-dm:active,
#user-context-remove-friend:active,
#user-context-block:active {
  background-color: var(--red-500) !important;
  color: var(--white-500) !important;
}
#user-context-close-dm[class*="focused-"],
#user-context-remove-friend[class*="focused-"],
#user-context-block[class*="focused-"] {
  background-color: var(--button-danger-background);
  color: var(--white-500);
}

div[class*="listItem"]:has(div[aria-label="Download Apps"]),
.guildSeparator_dcb3cc {
  display: none;
}

div[class*="listItem"]:has(div[aria-label="Explore Discoverable Servers"]) {
  display: none;
}

/* show full about me */
[style="-webkit-line-clamp: 6;"] {
  -webkit-line-clamp: 10000000 !important;
}

/* hammin */
[class^="panels__58331"]::before {
  content: "";
  width: 34px;
  height: 34px;
  left: 200px;
  margin-top: -36px;
  position: absolute;
  background-image: url("https://cdn.discordapp.com/emojis/1055070511450828861.gif?size=96&quality=lossless");
}

/* bottom left size */
/* You might wanna remove this if your monitor is big */
.container_ca50b9 {
  height: 39px;
}

/* Rounded Context Menu */
.menu_dc52c6,
.colorDefault__0b482 {
  border-radius: 15px;
}

/* edited text */
.timestamp_cdbd93:not(.timestampInline__470e0) time::after {
  content: " (" attr(aria-label) ")";
}
.edited_b20dd9:not(.message-translate-indicator) {
  display: none;
}

/* Fav gif icon */
.imageAccessory__64ab2 {
  left: unset;
  right: 6px;
}

/* Message shift-hover */
[aria-label*="Create Thread"],
[aria-label*="Copy Message ID"] {
  display: none;
}

/* Hide some buttons in user context menu */
#user-context-invite-to-server,
#user-context-call,
#user-context-add-friend,
#user-context-voice-move,
#user-context-invite-to-listen,
#user-context-roles,
#guild-context-privacy {
  display: none;
}

/* hide the ? on left top */
[aria-label*='Help'],

/* Text Bar */
[aria-label*='Open sticker picker'],
[aria-label*='Send a gift'],
#channel-attach-SLASH_COMMAND,
/* Removes Chatbox from channel that don't allow you to communicate */
.channelTextAreaDisabled_c43b1c,
/* Removes Follow banner on bottom of channels */
.wrapper_fbbb73 {
  display: none;
}

[id="message-tts"],
[id="message-copy-text"],
[id="message-apps"],
[id="message-thread"],
[id="message-report"] {
  display: none;
}

[href="/store"],
[href="/shop"] {
  display: none;
}

/* show the url masked links take you to in the message */
.anchor_c8ddc0[title$=")"]::after {
  font-size: 0.7rem;
  content: " (" attr(href) ")";
  filter: grayscale(0.4);
}

/* Make jump to present/jump to original/mark as read bars smaller and hug the right */
.barBase__4e0ba {
  width: fit-content;
  margin-left: auto;
}
/* End make jump to present/jump to original/mark as read bars smaller and hug the right */

[class^="form-"]:before,
[class^="children-"]:after {
  display: none;
}

/* set channel status */
.linkBottom_bac113 {
  display: none;
}

/* this ("x in voice" scroll indicator) */
[class^="bar__"]:has([class^="voiceChannelsIcon__"]) {
  display: none;
}
/* Hide show all voice channels button */
.voiceChannelsButton__46c37 {
  display: none;
}

/* channels and roles tab */
.container__10dc7,
.header__60bef,
.scrollerContainer_bf5dbd .container__7590f,
.theme-dark .scrollerContainer_bf5dbd,
.theme-dark .emptyPage__3e15d,
.theme-dark .container__7590f {
  background-color: var(--home-background) !important;
}
/* remove the funny little gradient on ^ */
.theme-dark .innerHeader_afca2f:after {
  display: none;
}

/* Compact experiment server config warning */
#experiments-tab [class^="description_"] {
  overflow: hidden;
}
#experiments-tab [class^="description_"] div:first-of-type {
  float: left;
}
#experiments-tab [class^="description_"] div + div {
  font-size: 0;
  line-height: 0;
  float: right;
}
#experiments-tab [class^...