Discord skin based on their new website

theme.css

.theme-dark {
    --text-muted: #808896;
    --background-primary: #282840;
    --background-secondary: #212136;
    --background-secondary-alt: #212136;
    --background-tertiary: 	#1c1b29;
    --scrollbar-thin-thumb: #1c1b29;
    --scrollbar-auto-thumb: #1c1b29;
    --scrollbar-auto-track: transparent;
    --elevation-stroke: 0px transparent;
    --background-modifier-hover: #302f51;
    --background-modifier-selected: #3b3a61;
    --channeltextarea-background: #32324f;
    --activity-card-background: #1c1b29;
    --background-floating: #1c1b29;
    --elevation-low: 0 20px 35px rgba(0,0,0,0.05), 0 6px 12px rgba(0,0,0,0.10);
}


body {
    background: var(--background-tertiary);
}


div[class*="userPopout"] {
    border-radius: 8px !important;
    box-shadow: 0 20px 35px rgba(0,0,0,0.15), 0 6px 12px rgba(0,0,0,0.20);
    width: auto;
    max-width: 250px;
}
div[class*="userPopout"] div[class*="headerTop"] {
    padding: 25px;
    background: var(--background-tertiary);
}
div[class*="userPopout"] div[class*="scrollerBase-"] {
    padding: 15px 20px;
    background: var(--background-secondary);
}
div[class*="userPopout"] div[class*="footer-"] {
    padding: 15px 20px;
    background: var(--background-secondary);
}
div[class*="activityUserPopout"] {
    padding: 15px 20px;
}
.theme-dark input[class*="quickMessage"] {
    background-color: var(--background-primary);
    border: none;
    border-radius: 99px;
}


#messages {
    padding: 10px;
}
#messages div[class*="message-"] {
    border-radius: 8px;
}
#messages div[class*="avatar-"] {
    top: auto;
}

div[class*="sidebar-"], div[class*="members-"] {
    width: 300px;
}
div[class*="sidebar-"] div[class*="scroller-"], div[class*="members-"] {
    padding: 10px !important;
}
div[class*="member-"], a[class*="channel-"] {
    max-width: none;
}

.container-1D34oG {
   background: var(--background-primary) !important;
}


.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-2FKFPG::-webkit-scrollbar-thumb,
.scrollerThemed-2oenus.themeDark-2cjlUp .scroller-2FKFPG::-webkit-scrollbar-thumb, .theme-dark .scrollerWrap-2lJEkd .scroller-2FKFPG::-webkit-scrollbar-thumb, .theme-light .scrollerThemed-2oenus.themeDark-2cjlUp .scroller-2FKFPG::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.scrollerThemed-2oenus.themeDark-2cjlUp.scrollerTrack-1ZIpsv>.scroller-2FKFPG::-webkit-scrollbar-track, .scrollerThemed-2oenus.themeDark-2cjlUp.scrollerTrack-1ZIpsv>.scrollerStore-390omS::-webkit-scrollbar-track, .theme-dark .scrollerWrap-2lJEkd.scrollerTrack-1ZIpsv>.scroller-2FKFPG::-webkit-scrollbar-track, .theme-dark .scrollerWrap-2lJEkd.scrollerTrack-1ZIpsv>.scrollerStore-390omS::-webkit-scrollbar-track, .theme-light .scrollerThemed-2oenus.themeDark-2cjlUp.scrollerTrack-1ZIpsv>.scroller-2FKFPG::-webkit-scrollbar-track, .theme-light .scrollerThemed-2oenus.themeDark-2cjlUp.scrollerTrack-1ZIpsv>.scrollerStore-390omS::-webkit-scrollbar-track,
.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-2FKFPG::-webkit-scrollbar-track-piece,
.scrollerThemed-2oenus.themeDark-2cjlUp .scroller-2FKFPG::-webkit-scrollbar-track, .theme-dark .scrollerWrap-2lJEkd .scroller-2FKFPG::-webkit-scrollbar-track {
    background-color: transparent;
    border: none;
}
.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-2FKFPG::-webkit-scrollbar-thumb,
.scrollerThemed-2oenus.themeDark-2cjlUp .scroller-2FKFPG::-webkit-scrollbar-thumb, .theme-dark .scrollerWrap-2lJEkd .scroller-2FKFPG::-webkit-scrollbar-thumb, .theme-light .scrollerThemed-2oenus.themeDark-2cjlUp .scroller-2FKFPG::-webkit-scrollbar-thumb {
    background-color: var(--background-secondary);
}


.theme-dark .inset-3sAvek {
    background-color: var(--background-primary);
}


.theme-dark div[class*="autocomplete-"] {
    background-color: var(--background-secondary);
}
.theme-dark div[class*="selectorSelected"] {
    background-color: var(--background-modifier-hover);
}


#search-results {
	background-color: var(--background-secondary);
}
div[class*="focused-"],
div[class*="selected-"] {
	background-color: var(--background-primary) !important;
}
div[class*="queryShortcut"] {
	display: none;
}
div[role="option"]:after {
	background: none !important;
}


#bd-pub-button {
    background: var(--background-primary);
    border-radius: 99px;
}