99Designs Darkmode+ by xyadx

/* ==UserStyle==
@name           99Designs Darkmode+
@namespace      https://99designs.com/profiles/AiYAD
@supportURL     https://userstyles.world/style/2959/99designs-darkmode
@description    darkmode,pinkmode,hulkmode,crazymode any color mode for 99designs😆 
@author         YAD
@version        1.12.4
@license        CC-BY-NC-4.0
@preprocessor   stylus

@var select YAD-of-99designs "Theme Presets" [
	"Custom",
	"Halaya",
	"Peppermint",
	"Trixie",
	"Navy-Mood",
	"Lola",
	"Synthwave",
]
@var color b1 "Layout Color" #18181D
@var color b2 "Background Color" #1B1B21
@var color b6 "Accent Color" #FE5F50
@var color t1 "Primary Text/Icons" #C0BDB8
@var color t2 "Secondary Text/Icons" #737373
@var range deg "Logo Hue Color" [320,1,365,1,"deg"]
@var range sat "↳Saturation" [167,-1,300,1,"%"]
@var range con "↳Contrast" [208,1,300,1,"%"]
@var checkbox prize "Hide Prize" 0
==/UserStyle== */

@-moz-document regexp("http(s?)://[^/]*\\.99designs(\\.com)?(\\.[a-z][a-z])?/.*"),regexp("http(s?)://99designs(\\.community|\\.com)?(\\.[a-z][a-z])?/.*") {
	// logo
	#site-logo,
	.site-header__site-logo__image, .site-header__site-logo__image--fr,
	.site-header--signed-in .site-header__site-logo__image,
	[src*="wordmark_grey.svg"],
	[src*="aremark_white.svg"],
	[src*="09e3f4688239e.svg"] {
		filter: var(--logo)
	}
	body,
	.hero-layout:before,
	.content-body,
	.section,
	.header,
	.flexbox.flexboxlegacy .content-body,
	.oc-wrapper .oc-content--main,
	.sticky-bar,
	.oc-content--main > header,
	.site-header--gradient,
	.chat-list__header,
	.chat-header,
	.content-header:before,
	.contest-header:before {
		background-image: var(--yadbg)!important;
		background-attachment: fixed;
		background-blend-mode: var(--blend)!important;
	}

	// header
	.header,
	.bJSUjM,
	.oc-wrapper .oc-content--main,
	.sticky-bar,
	.oc-content--main > header,
	.site-header--gradient,
	.d-header,
	.hkGWJM,
	.chat-list__header,
	.chat-header,
	.content-header:before,
	.contest-header:before {
		background-color: var(--b1)!important;
		if YAD-of-99designs == "Synthwave" {
				background: var(--synth)!important;
		}
	}

	// body
	body,
	.hero-layout:before,
	.content-body,
	.section {
		background:  var(--b2);
		color: var(--t1);
		overflow: overlay;
		accent-color:  var(--b6)
	}
	
	// scrollbar
	::-webkit-scrollbar-track {
		border-radius: 8px;
		background: var(--b5)!important
	}
	::-webkit-scrollbar {
		width: 10px!important;
		background: var(--b5)!important
	}
	// Handle
	::-webkit-scrollbar-thumb {
		background-color: var(--t4)!important;
		border-radius: 10px
	}
	// Handlehover
	::-webkit-scrollbar-thumb:hover {
		background-image: linear-gradient(  var(--b6)  0%,  var(--b1)  100%)!important
	}

	// menu
  .beDBpa,
	.dbjqOF,
	.comment--highlight,
	.input-card__card,
	.featured-search-item,
	.menu-panel,
	.dropdown-menu,
	.search-container .search-filters,
	.search-container .search-header,
	.topic-map .buttons .btn,
	.topic-map,
	.hzcRYn,
	.onsite-notifications__list,
	.onsite-notifications__dropdown,
	.scrollable-dropdown,
	.popper-card__content {
		background: var(--ba);
	if YAD-of-99designs == "Synthwave" {
		background: var(--synth2);
		box-shadow: var(--synth)
		}
	}
	.menu {
		background:  var(--b2);
		if YAD-of-99designs == "Synthwave" {
			background: var(--synth2);
		}
	}
	.menu__item--action-list .menu__item__action__link {
		color:  var(--t1)
	}
	.onsite-notifications__list,
	.onsite-notifications__dropdown {
		border-radius: var(--e1)
	}
	.featured-article--frontpage .featured-article__caption__tile,
	.onsite-notifications__list {
		box-shadow: var(--s2)
	}
	
	[data-testid="ChatPreview"] {
		background: var(--ba);
		color: var(--t1);
		border-color: var(--b3)
	}

	[data-testid="ChatPreview"][class="StyledChatPreview-sc-vm781h-0 gavcdz"] {
		background: var(--b4);
		color: var(--t1);
		border-color: var(--b3)
	}

	[data-testid="ChatPreview"]:hover {
		background: var(--b3);
		color: var(--t1)
	}

	.exKtTA {
		color: var(--t1)
	}

	[data-detached-dropdown] [data-detached-dropdown-content-inner] {
		box-shadow: var(--s2);
		background: var(--b1);
		if YAD-of-99designs == "Synthwave" {
			background: #230727;
			box-shadow: var(--synth)
		}
	}
	
	// dropdown
	.search-results__inner,
	.search-results__inner__content,
	.css-26l3qy-menu,
	.css-1pahdxg-control,
	.css-yk16xz-control {
		background: var(--ba);
	}
	.css-1pahdxg-control {
		border-color: var(--b6);
		box-shadow: var(--b6) 0 0 0 1px
	}
	// message
	.scrollable-dropdown__link:link,
	.scrollable-dropdown__link:visited,
	.scrollable-dropdown__link:active,
	.gXpKaf, .gXpKaf:hover, .gXpKaf:focus,
	.onsite-messages__list-item:active,
	.onsite-messages__list-item:link,
	.onsite-messages__list-item:visited {
		color: var(--t1)
	}
	.bNYWPs,
	.cjpnny {
		color: var(--t5)
	}
	
	// notif
	.gUjLoT, .gUjLoT:hover, .gUjLoT:focus,
	.onsite-notifications__link:active {
		color: var(--t2)
	}
	.alert.alert-info {
		background: var(--b6);
		color: var(--t1)
	}
	.onsite-notifications__link:visited,
	.onsite-notifications__link:link,
	.onsite-notifications__list-item__updated-at,
	.hxWKpP:link, .hxWKpP:visited, .hxWKpP:active,
	.site-header__item,
	.onsite-notifications__list-item:active,
	.onsite-notifications__list-item:link,
	.onsite-notifications__list-item:visited {
		color: var(--t1)
	}
	.onsite-notifications__content-scroll__inner {
		overflow: overlay
	}
	.OTXgD,
	.hYHsIc,
	[class="onsite-notifications__list-item"].onsite-notifications__list-item {
		background: var(--bg);
		color: var(--t1) !important
	}

	// pages
	.classic-modal__overlay,
	.iQLhwv,
	.category:before,
	.categories-bordered-tiles,
	.MuiPaper-root,
	.product-pricing--featured,
	.table-cell--grey100:before,
	.contest,
	.marketing-card,
	.box,
	.set-card,
	.jUOZeE,
	.knswby,
	.bordered-box,
	.table--standard tbody > tr:nth-child(odd) > td,
	.table--standard tbody > tr:nth-child(odd) > th {
		background: var(--b1);
		if YAD-of-99designs == "Synthwave" {
			background: #3d0b43
		}
	}
	.dMHcZm,
	.ectBYt {
		background: var(--b2)
	}
	.contest-help {
		background: var(--b1)
	}
	
	// project
	.menu__item--heading,
	.jbzXyS,
	.knXssM:link, .knXssM:visited,
	.hrEOpl, .hrEOpl:hover, .hrEOpl:focus {
		color: var(--t1) !important
	}
	.invoice-card__link:active, .invoice-card__link:link, .invoice-card__link:visited,
	.bfwarX,
	.kzprLw,
	.meta-data__item__label__link,
	.meta-data__item--attribution,
	.masked-select__label,
	.hUbtQO {
		color: var(--t2) !important
	}
	.collaborator-time {
		color: var(--t5)
	}
	.byIBLz::before {
		background: linear-gradient(var(--b2), var(--b1));
	}
	.dropzone__inner {
		background: var(--b1);
		border: 2px dashed var(--b3);
		color: var(--t2)
	}
	.card-container {
		background-color: var(--b2-5)
	}
	.cDkCtp {
		background: var(--b6-100);
		border: var(--b6);
		color: var(--t1-100)
	}
	.cDkCtp:hover {
		background: var(--b6);
		border: var(--b6);
		color: var(--t1-100)
	}
	.project-bar {
		background: var(--b2);
		if YAD-of-99designs == "Synthwave" {
		background: repeating-linear-gradient( to top, rgba(255, 255, 255, 0.03) 0px 2px, transparent 2px 4px ), linear-gradient(to top, #200933  5%, #3d0b43)!important;}
	}
	
	// account
	.bxxvFC,
	.nZBZK, .nZBZK:hover, .nZBZK:focus {
		color: var(--t2)
	}
	.eikKmI {
		color: var(--t2);
		border-color: var(--t2)
	}
	.kXIZTw {
		color: var(--t1)
	}
	.dlpTlb,
	.lgeYjk,
	.jQCDBh {
		background: var(--b2)
	}
	.fEwhhU,
	.dlpTlb {
		color: var(--t2);
		border-color: var(--b3)
	}
	.design-uploader__add-design {
		outline-color: var(--t5)
	}
	.design-uploader__sidebar__preview {
		background: var(--b3);
		border-color: var(--b1)
	}
	.eIGRME::before {
		background: var(--b2)
	}
	
	// non-dis
	.nda__clauses h3
	.content-listing-details__title__link:active, .content-listing-details__title__link:link,
	.content-listing-details__title__link:visited {
		color: var(--t1)
	}
	.meta-data__item__label__link:active, .meta-data__item__label__link:link,
	.meta-data__item__label__link:visited {
		color: var(--t5)
	}
	
	// in-pro
	.hRYnEu {
		background: var(--b2);
	}
	.jncurR, .jncurR:hover, .jncurR:focus {
		color: var(--t1)
	}
	.hCKxov, .hCKxov:hover, .hCKxov:focus {
		color: var(--t2)
	}
	.gQETVI {
		background: var(--b3)
	}
	
	// contest
	.tab-nav__item[data-active] .tab-nav__item__title,
	.tab-nav__item__title,
	.entry-owner__designer-name-link:active,
	.entry-owner__designer-name-link:link,
	.entry-owner__designer-name-link:visited,
	.listing-details__title__link:active,
	.listing-details__title__link:link,
	.listing-details__title__link:visited {
		color: var(--t1)
	}
	.pill--platinum,
	.contest-price__primary {
		color: var(--t2)
	}
	.meta-item,
	.tab-nav__item__count,
	.count,
	.designer-entry-meta__local-time,
	.entry-owner,
	.entry-owner__id-link:active,
	.entry-owner__id-link:link,
	.entry-owner__id-link:visited {
		color: var(--t2-20)
	}
	.listing-details__pill--callout {
		color: var(--b6-20)!important
	}
	.listing-details__pill--tag,
	.listing-details__pill--info {
		border-color: var(--b3);
		color: var(--t2) !important
	}
	.link-with-icon__label {
		color: var(--t2-20)
	}
	

	// navi 
	.pagination__button,
	.pagination__title,
	.pagination__item[data-active] .pagination__title {
		color: var(--t1)
	}
	
	.table-cell--berlin-thing:before {
		background: var(--b6)
	}
	
	.hero-tiles__tile,
	.table--standard tbody > tr:nth-child(even) > td,
	.table--standard tbody > tr:nth-child(even) > th {
		background: var(--ba);
		if YAD-of-99designs == "Synthwave" {
			background: #320936
		}
	}

	.table--standard td,
	.table--standard th,
	.table--standard {
		border-color: var(--...