LF Minimal Discord by LF-Rust

@name LF Minimal
@version 1.0
@author LF.rs [midnight fork]
@namespace discord.com

@-moz-document domain("discord.com") {

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* customize things here */
:root {
    /* font, change to 'gg sans' for default discord font*/
    --font: 'figtree';

    /* top left corner text */
    --corner-text: 'Minimal';

    /* thickness of messages divider */
    --divider-thickness: 3px;

    /* color of status indicators and window controls */
    --online-indicator: var(--accent-2); /* change to #23a55a for default green */
    --dnd-indicator: hsl(340, 60%, 60%); /* change to #f23f43 for default red */
    --idle-indicator: hsl(50, 60%, 60%); /* change to #f0b232 for default yellow */
    --streaming-indicator: hsl(260, 60%, 60%); /* change to #593695 for default purple */

    /* accent colors */
    --accent-1: #f2f2f2; /* links */
    --accent-2: #f2f2f2; /* general unread/mention elements */
    --accent-3: #f2f2f2; /* accent buttons */
    --accent-4: #f2f2f2; /* accent buttons when hovered */
    --accent-5: #f2f2f2; /* accent buttons when clicked */
    --mention: #0d0d0d; /* mentions & mention messages */
    --mention-hover: #f2f2f2; /* mentions & mention messages when hovered */

    /* text colors */
    --text-0: #0d0d0d; /* text on colored elements */
    --text-1: #0d0d0d; /* other normally white text */
    --text-2: #f2f2f2; /* headings and important text */
    --text-3: #f2f2f2; /* normal text */
    --text-4: #f2f2f2; /* icon buttons and channels */
    --text-5: #f2f2f2/* muted channels/chats and timestamps */

    /* background and dark colors */
    --bg-1: #f2f2f2; /* dark buttons when clicked */
    --bg-2: #f2f2f2; /* dark buttons */
    --bg-3: #000000; /* spacing, secondary elements */
    --bg-4: #0d0d0d; /* main background color */
    --hover: #000000; /* channels and buttons when hovered */
    --active: #000000; /* channels and buttons when clicked or selected */
    --message-hover: #000000; /* messages when hovered */

    /* amount of spacing and padding */
    --spacing: 12px;

    /* animations */
    /* ALL ANIMATIONS CAN BE DISABLED WITH REDUCED MOTION IN DISCORD SETTINGS */
    --list-item-transition: 0.2s ease; /* channels/members/settings hover transition */
    --unread-bar-transition: 0.2s ease; /* unread bar moving into view transition */
    --moon-spin-transition: 0.4s ease; /* moon icon spin */
    --icon-spin-transition: 1s ease; /* round icon button spin (settings, emoji, etc.) */

    /* corner roundness (border-radius) */
    --roundness-xl: 10px; /* roundness of big panel outer corners */
    --roundness-l: 10px; /* popout panels */
    --roundness-m: 10px; /* smaller panels, images, embeds */
    --roundness-s: 10px; /* members, settings inputs */
    --roundness-xs: 10px; /* channels, buttons */
    --roundness-xxs: 10px; /* searchbar, small elements */

    /* direct messages moon icon */
    /* change to block to show, none to hide */
    --discord-icon: none; /* discord icon */
    --moon-icon: block; /* moon icon */
    --moon-icon-url: url('https://upload.wikimedia.org/wikipedia/commons/c/c4/Font_Awesome_5_solid_moon.svg'); /* custom icon url */
    --moon-icon-size: auto;

    /* filter uncolorable elements to fit theme */
    /* (just set to none, they're too much work to configure) */
    --login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4); /* login background artwork */
    --green-to-accent-3-filter: hue-rotate(56deg) saturate(1.43); /* add friend page explore icon */
    --blurple-to-accent-3-filter: hue-rotate(304deg) saturate(0.84) brightness(1.2); /* add friend page school icon */

    /* choose style for window control buttons (minimize-maximize-close) */
    /* block to show, none to hide; choose only one to show!*/
    --windows-nav: none; /* default windows-style buttons */
    --custom-nav: block; /* custom mac-style buttons */
}

/* change fonts (edit the variables above, not this part) */
:root {
    --font-primary: var(--font), 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-display: var(--font), 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* reduced motion */
:root.reduce-motion {
    --list-item-transition: none;
    --unread-bar-transition: none;
    --moon-spin-transition: none;
    --icon-spin-transition: none;
}

/* modify colors */
#app-mount .container__2637a /* channel list */,
.privateChannels__35e86 /* dms list */,
#app-mount .container__37e49 /* user panel inner */,
.members_c8ffbb /* member list inner */,
.member__5d473 /* member list members */,
.searchResultsWrap_a9e706 /* search results */,
.searchHeader_f3b986 /* search results header */,
.chat_f75fb0.container_f391e3 /* message requests */,
#app-mount .panels_c48ade > div /* user panel children */,
.container_e131a9 /* vc panel */,
.sidebarRegionScroller__23e6b /* settings left */,
#app-mount .container__0b563 /* browse channels container */,
#app-mount .header__0b563 /* browse channels header */,
#app-mount .container_c2efea /* browse channels inner */,
.chat_f75fb0.background__7449f /* server guide body */,
#app-mount .scrollerContainer_c6b11b /* channels and roles customize */,
.shop__6db1d /* shop */,
.wrapper_cb9592.minimum_cb9592 /* private call */,
.container_a45028 /* emoji/sticker searchbars */,
.searchBar_fed6d3 /* gif picker searchbar */ ,
#app-mount .uploadModal_dbca3c /* upload modal */,
.uploadModal_dbca3c .footer_dbca3c /* upload modal footer */,
.container_f369db /* forums page */,
.container__551b0 /* discover page sidebar */,
.backdrop__8a7fc /* discover page headers */,
.layerContainer_da8173 .scrollableContainer__74017 /* friend activity message bar */ {
    background: var(--bg-4);
}
.sidebarContainer_a3a4ce, .container_a56260, .contentContainer_a56260 /* quests page */ {
    background-color: var(--bg-4) !important;
}
.outer_c0bea0 {
    --background-secondary-alt: var(--bg-4) !important;
}
.mainCard_f369db /* forum post */,
.navRow__86e92[data-theme=dark] /* add new account bottom */,
.container_ca49a1 /* forum guidelines box */,
.searchBar_c7e907 /* settings searchbar */,
.searchBar__5ec2f /* friends searchbar */,
.circleIconButton__5bc7e /* server list buttons */,
.auditLog__43dab /* audit log container */ {
    background: var(--bg-3);
}
.folderIconWrapper__48112[style="background-color: rgba(88, 101, 242, 0.4);"] /* default color closed folders */ {
    background: var(--bg-3) !important;
}
.folder__48112.hover__48112 /* folder opened on hover */,
#app-mount .outer_bf1984.interactive_bf1984:hover, #app-mount .outer_bf1984.active_bf1984 /* friend activity cards on hover */ {
    background: var(--bg-2);
}
#app-mount .searchAnswer_bd8186 /* search filter answer */,
#app-mount .searchFilter_bd8186 /* search filter */ {
    background: var(--bg-1);
}
.input_ac6cb0 /* big 'find conversation' search bar */,
.soundButtonRefresh__6d4ed /* soundboard buttons */ {
    background: var(--bg-2);
}
.chat_f75fb0 /* chat + member list */,
.sidebar_c48ade /* channel sidebar */,
.privateChannels__35e86 .scroller__99e7c /* dms list inner */,
#app-mount .innerHeader__0b563:after /* channels and roles header shadow */,
.stackedBars__74017 /* reply bar underneath */,
#app-mount .content__37e49 /* user panel bottom */ {
    background: none;
}
.contentContainer_a56260 /* quests page fix */,
.header__43dab, .changeDetails__43dab /* audit log header/dropdown */ {
    background: none !important;
}
.selected_f37cb1 .header_f37cb1, .clickable_f37cb1 .header_f37cb1:hover /* server name hover */ {
    background: var(--message-hover);
}
.message__5126c.replying__5126c.selected__5126c, .mouse-mode.full-motion .message__5126c.replying__5126c:hover /* fix reply message hover */ {
    background: var(--background-message-highlight-hover);
}
div.message__5126c.replying__5126c::before /* change reply message bar to neutral */ {
    background: var(--text-2);
}
.activeButtonChild_aa63ab /* send button */ {
    color: var(--accent-2);
}
.container__37e49 /* user panel button strikethroughs */,
.numberBadge__2b1f5  /* unread number badge */,
.toolbar__9293f /* toolbar button strikethroughs */ {
    --status-danger: var(--accent-2);
}
.expandedFolderIconWrapper__48112 > svg[style="color: rgb(88, 101, 242);"] /* default color folder icons */ {
    color: var(--accent-3) !important;
}
.divider__5126c /* unread divider */,
.mention__3b95d /* NEW unread pill */,
.mentionsBar__7aaec /* channel list new mention pill */ {
    --status-danger: var(--accent-3);
    color: var(--status-danger-text);
}
.message__5126c.mentioned__5126c:before /* mention message left edge */,
.botTagOP__82f07 /* OP tag */ {
    background: var(--accent-3);
}

/* settings checkbuttons */
.container__87bf1 {
    transition: background-color ease 0.3s;
}
.container__87bf1 path {
    fill: var(--text-4);
}
.container__87bf1.checked__87bf1 {
    background: var(--accent-3) !important;
}
.container__87bf1.checked__87bf1 path {
    fill: var(--accent-3) !important;
}
.container__87bf1 > .slider__87bf1 > rect {
    transition: fill ease 0.3s;
}

.mention__3b95d:active /* NEW unread pill when clicked */ {
    background: var(--accent-4);
}
path[fill='var(--white-500)'] {
    fill: var(--text-0) !important;
}
.numberBadge__2b1f5 /* dms number badge */,
.newMessagesBar__0f481 .barButtonBase__0f481 /* unread bar */,
.botTagRegular__82f07 /* bot tag */,
.endCap__908e2 /* unread divider */,
.lookFilled__201d5.colorBrand__201d5 /* accent buttons */,
.lookFilled__201d5.colorBrand__201d5 .defaultColor__77578 /* accent buttons */,
.lookFilled__201d5.colorBrandNew__8872c /* accen...