personal discord quickcss

discord.css

:root {
    /* make scrollbar visible */
    --scrollbar-auto-thumb: #FFFFFF;
    --scrollbar-thin-thumb: #FFFFFF; 
    /* --scrollbar-auto-scrollbar-color-thumb: #FFFFFF; */
}

/* Remove Nitro Stuff in Settings */
div[aria-label="User Settings"] > div[aria-label="Gift Inventory"] + div[class^="item_"] + div[class^="separator"],
div[aria-label="User Settings"] > div[aria-label="Clips"] + div[class^="item_"] + div[class^="separator_"] + div[class^="header_"],
div[aria-label="User Settings"] > div[aria-label="Gift Inventory"], 
div[aria-label="User Settings"] > div[aria-label="Nitro"],
div[aria-label="User Settings"] > div[aria-label="Nitro"] + div,
div[aria-label="User Settings"] > div[aria-label="Subscriptions"],
div[aria-label="User Settings"] > div[aria-label="Merch"],
div[aria-label="User Settings"] > div[aria-label="Clips"], 
div[aria-label="User Settings"] > div[data-tab-id="Billing"] { 
    display: none; 
}

/* Remove Nitro Tabs */
a[data-list-item-id$="___nitro"] { display: none; }
a[data-list-item-id$="___shop"] { display: none; }

/* Hide useless buttons */
div[aria-label="Inbox"],
div[aria-label="Help"],
button[aria-label="Send a gift"],
div[aria-label="Start Video Call"],
div[aria-label="New Group DM"] { 
    display: none; 
}

/* remove color for 'PlatformIndicators' vencord plugin */
.vc-platform-indicator > svg { fill: var(--text-muted); }

/* uncapitilize text for 'PinDMs' vencord plugin */
.vc-pindms-section-container { text-transform: none; }

/* make messagebox utils smaller*/
.expression-picker-chat-input-button > button {
    max-width: 22px !important;
    padding-block-start: 0px;
    padding-block-end: 0px;
    padding-inline-start: 0px;
    padding-inline-end: 0px;
}

.expression-picker-chat-input-button > button > div > div > div > svg,
.expression-picker-chat-input-button > button > div > div > svg,
.expression-picker-chat-input-button > button > div > div > div,
div[class^="spriteContainer_"] {
    max-width: 18px;
    --custom-emoji-sprite-size: 18px !important; 
}

button[class^="attachButton_"] {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -8px;
}

button[class^="attachButton_"] > div > svg { max-width: 23px; }

div[class^="pronouns_"] { user-select: text; }

/* remove useless scrollbar in server list */
ul[data-list-id="guildsnav"] > div[class^="scroller_"]::-webkit-scrollbar {
    display: none;
}