Nord Theme for Discord by moowhoo

@name Discord Nord Theme;
@namespace discord.com;
@version 1.1.0;
@-moz-document domain("discord.com") {
	:root {
		--background: #3b4252;
		--header: #2e3440;  
		--background-alt: #3b4252;
		--hover: #2e3440;
		--highlight: #81a1c1;
		--highlight-alt: #81a1c1;
		--ui: #81a1c1;
		--ui-alt: #81a1c1;
		--onclick: #81a1c1;
		--visited: #81a1c1;
		--text: #d8dee9;
		--green-light: #81a1c1;
		--green-dark: #81a1c1;
		--blue-light: #81a1c1;
		--blue-dark: #81a1c1;
		--purple-light: #81a1c1;
		--purple-dark: #81a1c1;
		--pink-light: #81a1c1;
		--pink-dark: #81a1c1;
		--orange-light: #81a1c1;
		--orange-dark: #81a1c1;
		--red-light: #81a1c1;
		--red-dark: #81a1c1;
		--brown-light: #3b4252;
		--brown-dark: #3b4252;
		--yellow-light: #81a1c1;
		--yellow-dark: #81a1c1;
	}
	/* Main colour variables, If something is pink, I don't know what it affects*/
	.theme-dark,
	.theme-light,
	:root {
		--background-primary: var(--background) !important; /* Main body colour */
		--background-secondary: var(
			--header
		) !important; /* Channel list, embeds, side bar, message box, icons for sharing screen and etc*/
		--background-secondary-alt: var(
			--background-alt
		) !important; /* On hover colour for people and channels, and your avatar thingy at the bottoms */
		--background-tertiary: var(--header) !important; /* Side bar around servers*/
		--background-accent: var(--background-secondary) !important;
		--background-extra: var(
			--highlight
		) !important; /* Things like names, time of posting, and placeholders for different text boxes*/
		--background-extra-alt: var(--hover) !important; /* Unsure what it does so I'm just stealing it for now */
		--background-floating: var(--header) !important;
		--background-modifier-hover: var(--background-secondary-alt) !important;
		--background-modifier-active: var(
			--onclick
		) !important; /* Changes the colour of the channel when clicked */
		--background-modifier-selected: var(--background-alt) !important;
		--background-modifier-accent: var(
			--background
		) !important; /* Emote background colour, this too i think lines(https://imgur.com/mAb5EQG) */
		--channeltextarea-background: var(--header) !important;
		--focus-primary: var(--ui) !important; /* Tabbing colour */
		--deprecated-card-bg: var(
			--header
		) !important; /* Parts of things in settings might affect other things too */
		--deprecated-card-editable-bg: #ff00ed !important;
		--deprecated-text-input-border-disabled: var(--header) !important;
		--activity-card-background: var(--background) !important;
		--channels-default: var(--highlight) !important;
		--text-muted: var(--highlight) !important;
		--text-normal: var(--text) !important;
		--text-link: var(--ui); /* link */
		--interactive-normal: var(--ui) !important; /* UI icons */
		--interactive-hover: var(--highlight) !important;
		--interactive-active: var(--text) !important;
		--interactive-muted: var(--ui) !important; /* Quotes */
		--header-secondary: var(--text) !important;
		--toast-background: var(--background) !important;
		--toast-header: var(--header) !important;
		--toast-contents: var(--header) !important;
		--toast-box-shadow: #ff00ed !important;
		--toast-border: var(--header) !important;
		--background-mentioned-hover: rgba(227, 91, 21, 0.3) !important; /* Onhover */ /*CHANGECOLOUR!*/
		--background-mentioned: rgba(227, 91, 21, 0.1); /* Just pong */ /*CHANGECOLOUR!*/
		--header-primary: var(--highlight) !important;
		--border-radius: 18px;
		--deprecated-text-input-prefix: #ff00ed;
		--scrollbar-thin-thumb: var(--header); /* Channel and people sidebar baby scroll colour */
		--scrollbar-thin-track: transparent;
		--scrollbar-auto-thumb: var(--background); /* Message box baby scroll thingy */
		--scrollbar-auto-track: var(--background); /* Non scrolly part of the scroll */
		--scrollbar-auto-scrollbar-color-thumb: #ff00ed;
		--scrollbar-auto-scrollbar-color-track: #ff00ed;
		--elevation-low: transparent; /* imgur.com/a/PQuzp18 /line under channel description*/
		--elevation-high: 0 1px 5px var(--highlight); /* Glow around tooltips */
		--logo-primary: #ff00ed;
		--guild-header-text-shadow: 0 1px 1px #ff00ed;
		--deprecated-panel-background: #ff00ed;
		--deprecated-quickswitcher-input-background: var(--background-alt); /* CTRL+K background colour */
		--deprecated-quickswitcher-input-placeholder: var(--text); /* CTRL+K / channel search menu text colour */
		--deprecated-text-input-bg: var(--hover); /* Message box background person on profile card pop up*/
		--deprecated-text-input-border: var(--highlight); /* Profile cards message box border if not focus/hover*/
		--deprecated-text-input-border-hover: var(--highlight); /* Profile message box on hover border colour */
	}

	/*-----------------HIDE STUFF------------------*/
    
    /* LIVE label when in vc */
    .base-PmTxvP.textBadge-1iylP6.liveLarge-3zs2Zq.live-vBWnV6 {
        display: none !important;
    }
    /* Region thingy when in vc */
    .noWrap-3jynv6.alignStretch-DpGPf3.justifyEnd-2E6vba.directionRow-3v3tfG.horizontal-2EEEnY.horizontal-1ae9ci.flex-1O1GKY.flex-1xMQg5 {
        display: none;
    }
    /* Stream pop out pro tip*/
    .protip-3-1FNm {
        display: none !important;
    }
	/* Rounded corners on images */
	.imageWrapper-2p5ogY {
		border-radius: 0px !important;
	}
	/* Tutorial in inbox */
	.tutorial-3w5I9h {
		display: none !important;
	}
	/* Completely hide blocked messages */
	div[class*="groupStart-"] > [role="group"] {
		display: none !important;
	}
	/* Hide mute unmute icon on server header */
	.toolbar-1t6TWx > div.clickable-3rdHwn.iconWrapper-2OrFZ1:nth-of-type(1) > .icon-22AiRD {
		display: none !important;
	}
	/* Hide "Help" icon on server header */
	.toolbar-1t6TWx > .anchorUnderlineOnHover-2ESHQB.anchor-3Z-8Bb {
		display: none !important;
	}
	/* Hide edited message indicator */
	.edited-3sfAzf {
		display: none !important;
	}
	/* Hide Upload, Gift, Gif and Emote icons */
	.attachWrapper-2TRKBi {
		display: none !important;
	}
	.buttons-3JBrkn {
		display: none !important;
	}
	/* Hide Nitro Shop button in home screen */
	#private-channels [href="/store"] {
		display: none !important;
	}
	/* Hide notes on profile popup */
	div.size12-3R0845.marginBottom8-AtZOdT.bodyTitle-Y0qMQz:nth-of-type(3),
	.scrollbar-3dvm_9.scrollbarGhostHairline-1mSOM1.input-cIJ7To.inputDefault-_djjkz.textarea-2r0oV8 {
		display: none !important;
	}
	/* Hide "Invite to server" on different places */
	#user-context-invite-to-server {
		display: none !important;
	}
	.colorDefault-2K3EoJ.colorBrand-ROmMP1.labelContainer-1BLJti.item-1tOPte {
		display: none !important;
	}
	/* Hide Server Banners */
	.header-2V-4Sw {
		box-shadow: var(--elevation-low) !important;
	}
	.animatedContainer-1NSq4T {
		display: none !important;
	}
	#channels .content-3YMskv > div[style*="height:"]:first-child {
		margin-top: -15px !important;
	}
	/* Hide downloads icon */
	[class*="guilds-"] [class*="scroller-"] > [class*="listItem-"]:nth-last-child(-1n + 3) {
		display: none !important;
	}

	/*---------------MESSAGES STUFF-----------------*
	/* Disable background darken when hovering on a message */
	.message-2qnXI6:not(.mentioned-xhSam7):hover {
		background-color: var(--background) !important;
	}

	/*--------------CHANNELS LIST STUFF-------------*/

    /* User module */
    .container-3baos1, .container-3baos1 .avatar-SmRMf2 {
        background-color: var(--header) !important;
    }
    /* VC module */
    .container-1giJp5 {
        background-color: var(--header) !important;
    }
    /* Voice Connected text */
    .rtcConnectionStatusConnected-VRZDjy {
        color: var(--green-light) !important;
    }
	/* Change channel list variable so muted channels/categories are a different colour from quotes */
	[class*="sidebar-"] {
		--interactive-muted: var(--hover) !important;
		--background-secondary: var(--header) !important;
	}
    /* Auto Hide by \xynstr#0300 */
	/* Transition */
	.sidebar-2K8pFh:hover {
		width: 240px !important;
		transition: 0.1s ease !important;
		transition-delay: 0.3s !important;
	}
	/* Detects screen size to show channels if screen is big enough */
	@media screen and (max-width: 1100px) {
		.sidebar-2K8pFh {
			width: 0px !important;
			transition: 0.3s ease !important;
			position: fixed !important;
			height: calc(100% - 47.988px) !important;
			z-index: 1 !important;
			bottom: 0px !important;
		}
		.wrapper-3NnKdC:hover + .base-3dtUhz > .content-98HsJk > .sidebar-2K8pFh {
			width: 240px !important;
		}
		.sidebar-2K8pFh:hover {
			width: 240px !important;
		}
	}
    
    /*-------------VOICE CHAT VC STUFF--------------*/
	
    /* remove background 
    .background-ujHpbY {
        background-color: var(--background) !important;
    }
    */  
    /* Background */
    .fade-2kXiP2.scrollerBase-289Jih.thin-1ybCId.videoGrid-1khsrF.scroller-3gAZLs {
        background-color: var(--header) !important;
    }
    /* Buttons */
    .colorable-1bkp8v.white-3GPOIp, .colorable-1bkp8v.white-3GPOIp .centerIcon-2G6o-T,
    .colorable-1bkp8v.red-33-Lnk, .colorable-1bkp8v.red-33-Lnk .centerIcon-2G6o-T,
    .colorable-1bkp8v.primaryDark-3mSFDl, .colorable-1bkp8v.primaryDark-3mSFDl .centerIcon-2G6o-T {
        background-color: var(--background-alt) !important;
        color: var(--text) !important;
    }
    /* Muted mic */
    .slash-33-IMF {
        color: var(--ui) !important;
    }
    /* Icons */
    .controlIcon-35oS15 {
        color: var(--ui);
    }
    /* Watch stream label */
    .cta-3gK0Pu {
        background-color: var(--background) !important;
        color: var(--text) !important;
    }
    /* Loading vc stream */
    .spinner-2UBgbJ.spinner-2enMB9 {
        background-color: var(--hover) !important;
    }
    /* Spinn...