Custom discord theme

discord-theme.css

.avatar-2e8lTP:before {
    display: none;
}

::placeholder,
body,
button,
input,
select,
textarea,
.subtext-2HDqJ7 {
    font-family: 'SF Pro Text';
}

.title-17SveM,
.headerText-1qIDDT,
.headerText-10ez_d,
.eyebrow-2wJAoF,
.eyebrow-1Shfyi,
.sessionInfoRow-pEX9fY,
.membersGroup-2eiWxl,
.header-2Kx1US,
.username-h_Y3Us,
.username-3JLfHz,
.headerTagDiscriminatorNoNickname-dfcvHa,
.overflow-1wOqNV,
.title-3hptVQ,
.activityName-3YXl6e,
.userInfoTitle-39qq0Y,
.nameNormal-2fPMD2,
.bodyTitle-2Az3VQ,
.wrapper-28eC3z,
.name-3DDHNY,
.akaBadge-3i7V3p,
.nicknames-10Sg6e,
.activityText-ev7Z1T strong,
.title-338goq,
.goalText-mbRUAP,
.progressFraction-LUvqt3
.timestamp-p1Df1m,
.timestampInline-_lS3aK {
    font-family: 'SF Pro Display' !important;
    text-transform: none !important;
}

:root {
    --brand-experiment: #8c64dd;
    --brand-experiment-a: #8c64ddcc;

    --text-link: var(--brand-experiment);
    --brand: var(--brand-experiment);
    --brand-a: var(--brand-experiment-a);
    --brand-experiment-500: var(--brand-experiment);
    --brand-500: var(--brand-experiment);
    --brand-experiment-560: var(--brand-experiment);
    --brand-560: var(--brand-experiment);
    --brand-experiment-80a: var(--brand-experiment-a);
    --brand-80a: var(--brand-experiment-a);
    --brand-experiment-95a: var(--brand-experiment-a);
    --brand-95a: var(--brand-experiment-a);
    --font-primary: 'SF Pro Text' !important;
    --font-display: 'SF Pro Display' !important;
    --font-headline: 'SF Pro Display' !important;
}

/* #region thing.css by 11pixels */
.theme-dark {
    --background-primary: #000;
    --background-secondary: #080808;
    --background-secondary-alt: #0a0a0a;
    --background-tertiary: #0b0b0b;
    --background-floating: #080808;
    --background-accent: #111;
    --channeltextarea-background: #111;
    --background-modifier-hover: #111;
    --background-modifier-selected: #222;
    --background-modifier-active: #242424;
    --background-modifier-accent: #111;
    --modal-background: #0a0a0a;
    --scrollbar-auto-track: #111;
    --scrollbar-auto-thumb: #333;
    --modal-footer-background: #080808;
    --input-background: #111;
}
.theme-light>.focusLock-2tveLW {
    --background-primary: #111;
    --background-secondary: #080808;
    --modal-background: #111;
    --interactive-normal: #bbb;
    --text-normal: #bbb;
    --header-primary: #fff;
    --header-secondary: #bbb;
    --modal-footer-background: #111;
    --deprecated-text-input-bg: #111;
    --input-background: #040404;
    --text-muted: #bbb;
    --text-link: hsl(197,calc(var(--saturation-factor, 1)*100%),47.8%)
}
.theme-light>.focusLock-2tveLW .backButton-2Ps-B8,
.theme-light>.focusLock-2tveLW [class="button-f2h6uQ lookBlank-21BCro colorBrand-I6CyqQ sizeMin-DfpWCE grow-2sR_-F"]{
    color: #fff;
}
.theme-light>.focusLock-2tveLW .footerSeparator-VzAYwb {
    box-shadow: 0 -1px #222;
}
.theme-dark .container-2cd8Mz {
    background: var(--background-primaryaliceblue);
}
.theme-dark .pageWrapper-2PwDoS, .theme-dark .perksModal-CLcR1c, .theme-dark .tierMarkerBackground-G8FoN4 {
    background: var(--background-primary)
}
.theme-dark .tierBody-1d3UiS, .theme-dark .autocomplete-3NRXG8, .categoryHeader-OpJ1Ly {
    background: var(--background-secondary);
}
.theme-dark .tierHeaderLocked-30MLlO, .theme-dark .tierBody-3ju-rc, .theme-dark .perk-19D_HN, .theme-dark .tierHeaderUnlocked-1OpOLf {
    background: var(--background-tertiary);
}
.theme-dark .hero-1aNo0v {
    background: linear-gradient(#000a,#000a), url(/assets/6d70d302ed36f6ac6f97341027611e44.svg);
}
.theme-dark .banner-3Uu4yV {
    background: linear-gradient(#000a, #000a), linear-gradient(90deg,hsl(235,calc(var(--saturation-factor, 1)*68.5%),52.7%),hsl(269,calc(var(--saturation-factor, 1)*91.8%),61.8%));
}
.theme-dark .upsellContainer-22N_CL {
    background: linear-gradient(#000a, #000a), url(/assets/421e9ec77829ec1e4b1dd492dfad2f8a.svg),linear-gradient(90deg,hsl(235,calc(var(--saturation-factor, 1)*68.5%),52.7%),hsl(269,calc(var(--saturation-factor, 1)*91.8%),61.8%));
}
.upsellButtons-1l7XE5 .lookFilled-yCfaCM.colorWhite-1H92hK,
.upsellButtons-1l7XE5 .lookFilled-yCfaCM.colorWhite-1H92hK:disabled,
.heroButtons-357iJy .lookInverted-2mDUMi,
.heroButtons-357iJy .lookInverted-2mDUMi:disabled {
    background: #000;
}
.upsellButtons-1l7XE5 .lookFilled-yCfaCM.colorWhite-1H92hK:not(:disabled):hover,
.heroButtons-357iJy .lookInverted-2mDUMi:not(:disabled):hover {
    background: #111;
}
.upsellButtons-1l7XE5 .lookFilled-yCfaCM.colorWhite-1H92hK:active,
.heroButtons-357iJy .lookInverted-2mDUMi:not(:disabled):active {
    background: #0a0a0a;
}
/*.lookFilled-yCfaCM.colorBrand-I6CyqQ {
    background: #5865F244;
    border: solid 1px var(--brand-experiment);
}
.lookFilled-yCfaCM.colorBrand-I6CyqQ:hover {
    background: #5865F266;
}
.lookFilled-yCfaCM.colorBrand-I6CyqQ:active {
    background: #5865F222;
}*/
/* #endregion */