css

/* Hide Nitro gift button in text input */
.da-channelTextArea .da-buttons button[tabindex="2"] {
    visibility: hidden;
}

/* Clean Activity Page */
.column-E5Tpw7 {
    display:none;
}
.wrappedCard-30FR_0 {
    display:none;
}
.popout-3G62UL {
    display:none;
}
.card-GqTca8:not(.wrapper-Lii66c):not(.recentlyPlayedContainer-2F3MqS){
    display:none;
}
aside .card-GqTca8 {
    display:block;
    background: var(--nox-level2) !important;
}
.layout-1cQCv2 {
    display:block;
    padding: 20px 20px 20px 20px;
    background: var(--nox-level3) !important;
}
.section-2VKIPC {
    background: var(--nox-level1) !important;
}
.partyMemberOverflow-1tfvpb {
    background: var(--nox-level2) !important;
}
.inset-GQDQYw, .outer-2IVh5n, .recentlyPlayedContainer-2F3MqS {
    border-radius: 0;
}

/* Nox Theming */
:root {
    --nox-accent: #F047 !important;
    --nox-notification-color: #F047 !important;
    --nox-important-notification: #F047 !important;
    --nox-settings-scrollbar: none;
}
*,*:after,*:before {
    box-shadow:none !important;
}

/* Hotfixes */
/* Nitro bg colour */
.item-PXvHYJ {
   background-color: transparent !important;
}

/* Search Button */
.darkTheme-3uETC4, .container-2XeR5Z {
    background-color: transparent !important;
}
.searchBar-6Kv8R2 .searchBarComponent-32dTOx {
    width: 100%;
    height: 100%;
}

/* Emoji search bar */
.input-1Rv96N.iconLayout-1WxHy4 {
    background: var(--nox-level3)
}

/* Makes the emoji picker level with the text box */
.popout-3sVMXz.noShadow-321ZPm .emojiPicker-3m1S-j {
     margin-bottom: 0 !important;
}

/* Makes the emoji picker retract itself when clicked twice, instead of coming up again */
body:active .popoutTopRight-3BzFIE:not(:active) {
    pointer-events: none;
    transition: all 150ms cubic-bezier(0.3, 0, 0, 1);
    transform: translate(-100%, calc(55px - 100%)) !important;
    opacity: 0;
}
.container-1r6BKw {
    background:var(--nox-level3) !important;
    height:49px;
}
.wrapper-25eVIn {
    border-radius:50px;
}
.icon-22AiRD {
    color:#fff;
}
.children-19S4PO:after {
    display:none;
}
.searchBar-3dMhjb {
	transition: 350ms ease width;
}
.wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU,
.wrapper-1ucjTd:active .content-3at_AU {
  background: var(--nox-level3) !important;
  box-shadow:0 0 5px var(--nox-level3) !important;
}
.wrapper-1ucjTd:not(.modeSelected-1zApJ_):hover .content-3at_AU,
.users-i_3-kL {
  background: rgba(255, 255, 255, 0.05) !important;
}
.wrapper-pZmgj4 {
    border-radius:5px !important;
}
.total-3tKGEB {
    background:var(--nox-level3) !important;
}
.total-3tKGEB:after {
    border-right-color:var(--nox-level3);
}
.side-8zPYf6 .item-PXvHYJ:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: var(--nox-white);
}
.side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ {
    background:var(--nox-accent) !important;
}
.base-3dtUhz {
    border-radius:0 !important;
}
.children-19S4PO .icon-22AiRD,
.icon-1_QxNX {
    width:19px;
}
.wrapper-1Rf91z {
  background: var(--nox-level1) !important;
  z-index:6;
}
.wrapper-1Rf91z .wrapper-1BJsBx,
.acronym-2mOFsV {
    background: #444444 !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
    border-radius: 50% !important;
}
.svg-1X37T1, .wrapper-25eVIn {
    height:50px !important;
}
.listItem-2P_4kh {
    margin-bottom: 20px;
    position: relative;
}
.theme-dark .circleIconButton-jET_ig {
  background: var(--nox-accent);
  transition: all 200ms ease !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25), 0 -1px 0px rgba(0, 0, 0, 0.2) inset, 0 2px 1px var(--nox-white1) inset,;
  color:#fff;
  border-radius:50px !important;
}
.theme-dark .circleIconButton-jET_ig:hover {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.7), 0 -1px 0px rgba(0, 0, 0, 0.2) inset, 0 2px 1px rgba(255, 255, 255, 0.2) inset;
  background-color: var(--nox-accent);
}
.guildSeparator-3s64Iy {
    display:none;
    margin-bottom:0 !important;
}
.circleButtonMask-2VNJsN {
    position:fixed;
    bottom:10px;
    z-index:1;
}
.listItem-2P_4kh:last-child .circleButtonMask-2VNJsN {
    position:relative;
    z-index:0;
}

/* Unread Mentions*/
.unreadMentionsBar-1VrBNe:before {
    background-color: #F04747;
    bottom: 0;
    content: "";
    width: 90%;
    left: 3px !important;
    right:0 !important;
    position: absolute;
    border-radius: 3px;
}
.icon-2aINcz {
    z-index: 1;
}

.container-3ayLPN .option-96V44q.selected-rZcOL-, /* Search (hovered) */
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableSuggestionsHeader-2zSnpD, /* Friends table header */
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover, /* Friends table (hover) */
.radioGroup-1GBvlr .cardPrimaryEditable-3KtE4g:hover .checkbox-1ix_J3::before, /* Settings > Privacy & Safety cards checkbox (hover) */
.contentColumn-2hrIYH .notDetected-33MY4s, /* Settings > Game Activity */
.standardSidebarView-3F1I7i #bd-customcss-attach-controls button:hover, .bd-detached-css-editor #bd-customcss-attach-controls button:hover, /* Settings > Custom CSS buttons (hover) */
.popoutBottom-1YbShG .menu-Sp6bN1, /* Server menu popout */
.theme-dark .select-2TCrqx .Select-control .Select-placeholder, /* Notification overrides */
.popout-3sVMXz .container-3cGP6G /* Message options (edit, delete..) */
{
    background-color: var(--nox-level1) !important;
}

.theme-dark .inner-zqa7da, /* Chat bar */
.textArea-2Spzkt,
.userPopout-3XzG_A .quickMessage-2XpSaN, /* Message in user profile popout */
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud, /* Friends table */
.radioGroup-1GBvlr .cardPrimaryEditable-3KtE4g:hover, /* Settings > Privacy & Safety cards (hover) */
.radioGroup-1GBvlr .cardPrimaryEditable-3KtE4g .checkbox-1ix_J3::before, /* Settings > Privacy & Safety cards checkbox */
.button-38aScr.lookLink-9FtZy-:hover, /* Reset nickname */
.embed .embed-thumbnail-gifv video, .attachment-image img, .attachment-image .image, .embed .image, .embed-thumbnail.embed-thumbnail-image[href*=".gif"], .embed .embedThumbnail-2Y84-K img, .imageWrapper-2p5ogY.imageZoom-1n-ADA, .embedImage-2W1cML /* Media background when it has transparency */
{
    background-color: var(--nox-level2) !important;
}

.theme-dark .autocomplete-1vrmpx, /* Message autocomplete */
.container-3ayLPN .searchOption-zQ-1l6.selected-rZcOL- .filter-3Y_im-, /* Search (hovered) (keyword) */
.chat-3bRxxu form .typing-2GQL18, /* "X is typing..." message */
.theme-dark .cardPrimaryEditable-3KtE4g, .theme-dark .cardPrimaryOutline-29Ujqw, .theme-dark .cardPrimary-1Hv-to, /* Settings > My account */
.theme-dark .codeRedemptionRedirect-1wVR4b, /* Settings > Billing */
.bd-plugin-container, .bda-slist li /* Settings > Themes */
{
    background-color: var(--nox-level3) !important;
}

.guildsWrapper-5TJh6A .guild-1EfMGQ.guildsAdd-21_IdK::before /* Gradient at the bottom of the server list */
{
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 48, 48, 0)), color-stop(60%, var(--nox-level1)), color-stop(100%, var(--nox-level1)));
    background: linear-gradient(to bottom, rgba(48, 48, 48, 0) 0%, var(--nox-level1) 60%, var(--nox-level1) 100%);
}

.anchor-3Z-8Bb, .lookLink-9FtZy-.colorLink-35jkBc /* Hyperlinks */
{
   color: var(--nox-accent) !important;
}

.theme-dark .codeRedemptionRedirect-1wVR4b {
    border-color: var(--nox-level3) !important;
}

.header-2o-2hj:hover /* Server menu button */
{
    background-color: rgba(0,0,0,.1) !important;
}

/* Fixes the miss-aligned crosses on the active mute and deafen button */
.container-2Thooq .horizontal-1ae9ci div button[style='background-image: url("/assets/896770bf2d6ed0358ed0adefdbe96a24.svg");']:before {
    content: "";
    display: block;
    height: 4px;
    background: linear-gradient(to top, var(--nox-white) 0%, var(--nox-white) 50%, var(--nox-level3) 51%, var(--nox-level3) 100%);
    width: 18px;
    position: absolute;
    transform: translate(6px, 14.5px) rotate(45deg) translate(0, -2px) scale(1, 1);
    top: 0;
    left: 0;
    animation: strike-in 300ms cubic-bezier(0, 0, 0, 1);
}

.container-2Thooq .horizontal-1ae9ci div button[style='background-image: url("/assets/c8845c514bbf3f1e5bea064c1e40b08d.svg");']:before {
    content: "";
    display: block;
    height: 4px;
    background: linear-gradient(to top, var(--nox-white) 0%, var(--nox-white) 50%, var(--nox-level3) 51%, var(--nox-level3) 100%);
    width: 18.5px;
    position: absolute;
    transform: translate(6px, 14.5px) rotate(45deg) translate(0, -2px) scale(1, 1);
    top: 0;
    left: 0;
    animation: strike-in 300ms cubic-bezier(0, 0, 0, 1);
}










/* Friends List */
.friendsTable-133bsv .scroller-2FKFPG>div:not(.friendsRow-2yicud),
.friendsTable-133bsv .scroller-2FKFPG {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

#app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud {
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.04);
	margin: 8px;
	padding: 0;
	height: 120px !important;
	width: 240px;
	display: block;
	position: relative;
}

.container-3gCOGc .friendsTable-133bsv div[style*="width: 100%;"]:last-child:before {
	content: '';
	width: 35px;
	height: 35px;
	margin-top: 30px;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.05);
	animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@keyframes sk-rotateplane {
	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}
	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	}
	100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}

#app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover {
	background: rgba(255, 255, 255, 0.07) !important;
}

#app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag {
	display: block;
	position: absolute;
	font-size: 13px;
	top: 30px;
	left: 58px;
	overflow: visible;
}

.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm {
	width: 100%;
}

.friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .avatarSmall--gkJKA {
	margin-left: 6px !important;
	margin-top: 30px;
	width: 44px;
	height: 44px;
}

#app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag .discriminator {
	visibility: visible !important;
	position: absolute;
	top: 15px;
	left: 0;
	opacity: 1 !important;
	color: rgba(255, 255, 255, 0.3);
}

.friendsColumnActions-1LT3_M {
	position: absolute;
	bottom: 0 !important;
	top: 70%;
	left: 5px;
	opacity: 1 !important;
}

.friendsTable-133bsv .friendsColumnGuilds-2we6jb {
	position: absolute;
	flex-direction: row-reverse;
	margin-left: 165px !important;
	margin-top: -40px !important;
	width: 70px !important;
	display: flex;
	flex-wrap: wrap;
}

.iconSizeSmall-3aWgx9,
.friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO {
	width: 20px;
	height: 20px;
	margin: 2px;
	font-size: 9px;
}

.friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a+a {
	margin: 0;
}

#app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableHeader-32yE7d {
	display: none !important;
}

.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9 {
	background-size: 20px !important;
	height: 30px;
	width: 30px;
}

#app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumn-eVHFqJ+.friendsColumn-eVHFqJ {
	margin: 0;
}

#app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq,
#app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 {
	width: 104%;
	opacity: .8;
	justify-content: center;
	height: 20px;
	position: absolute;
	top: 0;
	border-radius: 0 !important;
	z-index: 0;
}

#app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF {
	position: absolute;
	color: rgba(255, 255, 255, 075);
	font-weight: 500 !important;
	max-width: 90%;
	font-size: 11px;
	line-height: 18px;
	z-index: 0;
	top: 0;
}