shadecord.theme.css

//META{"name":"Shadecord","description":"A darker and cleaner Discord theme. Also reverts several of Discord's latest UI changes.","author":"Zaxpy","version":"0.2.b"}*//{}
/*CHANGELOG:

0.2.b:
	- Fixed search menu not following new colour scheme.
	- Removed all rebrand reverts as other packs already exist that achieve the same effect.
	- Added dark colour scheme to dark mode server creation dialogue.
0.2.a:
	- First round of reverting the awful new Discord branding: reactions and mentions.
	- Fixed context menus and Friends list not following new colour scheme.
	- Fixed visible dividers between status dock and current Game activity panel so it is always usable.
	- Tidied up comments and documentation.
0.1.c:
	- Removed all current UI modifications (outlines, shapes, etc.).
	- Changed all Dark theme colours to a new pallete.
	- Added a visible line divider between the top of the bottom-left status menu/bar and the channel list.

0.1.b:
	- Added new dark mode color scheme, similar to AMOLED theme on Android.
	- Replaced previous status indicator system with a temporary fix using Gibbu's Radial Status theme.
	- Adjusted padding in pop-up user profiles.
	- Adjusted padding in chat bar.
	- Modified shape and added border to more text fields, large user profiles, attatchment upload GUI and embedded items.

0.1.a:
	- Modified shape and added border to chat bar, avatars, pop-up user profiles and other miscellaneous text fields.
	- Removed right click hint from pop-up user profiles.
	- Modified shape of roles in pop-up user profiles.
	- Modified size of chat messages so their content can extend much closer to the scroll bar.
*/

/*WORK IN PROGRESS:
	- Finding and fixing missing or broken color pallete changes.
*/

/*Dark Colours*/
.theme-dark {
	--background-primary: #2B2A33;
	--background-secondary: #1C1B22;
	--background-secondary-alt: #1C1B22;
	--background-tertiary: #111119;
	--channeltextarea-background: #42414D;
	--scrollbar-thin-thumb: #111119;
	--scrollbar-auto-thumb: #111119;
	--scrollbar-auto-track: #1C1B22;
	--info-positive-foreground: #43B581;
	--status-positive-background: #43B581;
}
.theme-dark .headerNormal-T_seeN {
	background-color: var(--background-tertiary);
}
.theme-dark .body-3iLsc4, .theme-dark .footer-1fjuF6 {
	background-color: var(--background-secondary);
}
.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV {
	background-color: var(--channeltextarea-background);
}
.theme-dark .uploadModal-2ifh8j {
	background-color: var(--background-primary);
}
.theme-dark .footer-3mqk7D {
	background-color: var(--background-secondary);
}
.theme-dark .peopleColumn-29fq28 {
	background-color: var(--background-primary);
}
.scroller-3BxosC {											/*Context menu*/			
	background-color: var(--background-secondary);
}
.resultsGroup-r_nuzN {
	background-color: var(--background-secondary);
}
.theme-dark .option-96V44q:after {
	background: linear-gradient(90deg, rgba (35, 38, 42, 0), var(--background-secondary) 50%);
}
.theme-dark .container-1CE3eW, .theme-dark .footer-2gL1pp, .input--jS-j2 {	/*Server creation menu*/
	background-color: #1C1B22;
}
.theme-dark .container-1CE3eW {
	border-bottom: 1px solid var(--background-modifier-accent);
}
.theme-dark .colorHeaderSecondary-3Sp3Ft, .theme-dark .lookBlank-3eh9lL, .theme-dark .guidelines-1NSoht, .theme-dark .input-cIJ7To, .theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6, .theme-dark .sampleLink-2NLvZg {
	color: #dcddde;
}
.theme-dark .base-1x0h_U, .theme-dark .text-1FOLJS, .theme-dark .h5-18_1nd {
	color: #ffffff;
}
.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV {
	background-color: var(--brand-experiment);
}
.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
	background-color: var(--brand-experiment-560);
}
.theme-dark .container-UC8Ug1 {
	background-color: #42414D;
}
.theme-dark .container-UC8Ug1:hover {
	background-color: #2B2A33;
}
.inputInner-2akrSS {
	background-color: #42414D;
	border: 1px solid #29282F;
}

/*Other Colours*/
.lookFilled-1Gx00P.colorGreen-29iAKY {
	background-color: #43B581;
}
.container-3auIfb .input-rwLH4i {
	background-color: rgb(67, 181, 129);
}

/*Status Bar*/
.activityPanel-28dQGo {										/*Altered borders for status bar elements for better isolation*/
	border-top: 1px solid var(--background-modifier-accent);
	border-bottom: none;
}
.container-3baos1, .container-3baos1 .avatar-SmRMf2 {
	border-top: 1px solid var(--background-modifier-accent);
}

/*Messages*/
.message-2qnXI6 {											/*Expanded message padding*/
	padding-right: 0px!important;
}
.reaction-1hd86g {											/*Remove reaction border*/
	border: none;
}