eBay.com - Dark Mode

eBay.com - Dark Mode!

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey, Greasemonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

You will need to install an extension such as Tampermonkey to install this script.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्क्रिप्ट व्यवस्थापक एक्स्टेंशन इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्क्रिप्ट व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्टाईल व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

/* ==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;
	}
}