☰

eBay.com - Dark Mode

eBay.com - Dark Mode!

/* ==UserStyle==
@name           eBay.com - Dark Mode
@namespace      https://github.com/Nick2bad4u/UserStyles
@version        2.1
@description    eBay.com - Dark Mode!
@homepageURL    https://github.com/Nick2bad4u/UserStyles
@author         Nick2bad4u
@license        UnLicense
==/UserStyle== */
@-moz-document domain("ebay.com"), regexp(".*www.ebay.*") {
	/* Invert colors except images and videos */
	:is(
		html:not([stylus-iframe]),
		img,
		svg,
		video
	) {
		filter: invert(1) hue-rotate(180deg) !important;
	}

	/* Ensure background images are not inverted */
	:is(
		html:not([stylus-iframe]),
		img,
		svg,
		video
	) {
		background-color: inherit !important;
	}

	#gh-eb-Alerts,
	#gh-minicart-hover,
	#ifhItem0 {
		filter: invert(1) hue-rotate(180deg) !important;
	}

	li:nth-child(n) > div > div > button,
	li:nth-child(n) > div > div > button > svg,
	#s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[3\]-2-\@match-media-0-\@ebay-carousel-next
		> svg,
	#s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[3\]-2-\@match-media-0-\@ebay-carousel-container
		> button.carousel__control.carousel__control--prev
		> svg,
	button.carousel__playback > svg,
	#s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[2\]-2-\@match-media-0-\@ebay-carousel-next
		> svg,
	#s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[2\]-2-\@match-media-0-\@ebay-carousel-container
		> button.carousel__control.carousel__control--prev
		> svg,
	div
		> div.s-item__image-section
		> span
		> button
		> span
		> svg,
	#gh-ac-box2 > svg,
	#mainContent
		> div.s-answer-region.s-answer-region-center-top
		> div
		> div.clearfix.srp-controls__row-2
		> div:nth-child(1)
		> div.srp-controls__control.follow-widget-wrap
		> div
		> div
		> button
		> span
		> svg,
	#mainContent
		> div.app-shell.contactui-viewmessage
		> div.app-river__center
		> div.msg-container
		> div.msg-inbox-container.msg-inbox-container--active
		> div.msg-inbox-main
		> div.msg-inbox-list
		> div.app-msg-inbox-action-bar
		> div.action-bar-button-group
		> span:nth-child(n)
		> span
		> span
		> button
		> svg,
	#imageupload__send--button > svg,
	svg.icon.icon {
		filter: invert(0) hue-rotate(180deg) !important;
	}

	#ghno {
		filter: invert(1) hue-rotate(180deg) !important;
		background-color: #fff;
	}
}