Skip to content

eBay.com - Dark Mode by Nick2bad4u

Imported and mirrored from https://github.com/Nick2bad4u/UserStyles/raw/refs/heads/main/ebay-Dark-Mode.user.css

Screenshot of eBay.com - Dark Mode

Details

AuthorNick2bad4u

LicenseUnLicense

Categoryebay

Created

Updated

Size1.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

eBay.com - Dark Mode

Notes

  • Changelog:
    • Version 2.2: Fixed Images being loaded from ebaydesc.com not being inverted correctly
    • Version 2.1: Initial release.

For any issues or suggestions, please raise them in the GitHub repository.

Source code

/* ==UserStyle==
@name           eBay.com - Dark Mode
@namespace      typpi.online
@version        2.4
@description    eBay.com - Dark Mode
@homepageURL    https://github.com/Nick2bad4u/UserStyles
@supportURL     https://github.com/Nick2bad4u/UserStyles/issues
@author         Nick2bad4u
@license        UnLicense
==/UserStyle== */
@-moz-document domain("ebay.com"),
regexp(".*www.ebay.*"),
domain("ebaydesc.com") {
	:root {
		--dialog-scrim-color-show: #ffffff87;
	}

	/* Invert colors except images and videos */
	:is(
		html:not([stylus-iframe]),
		img,
		svg,
		video
	) {
		filter: invert(1) hue-rotate(180deg) !important;
		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,
	.carousel__control.carousel__control--prev
		> svg,
	.carousel__playback > svg,
	#s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[2\]-2-\@match-media-0-\@ebay-carousel-next
		> svg,
	.s-item__image-section
		> span
		> button
		> span
		> svg,
	#gh-ac-box2 > svg,
	.srp-controls__control.follow-widget-wrap
		> div
		> div
		> button
		> span
		> svg,
	.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,
	body
		> div
		> div
		> div:nth-child(2)
		> div
		> p
		> img {
		filter: invert(1) hue-rotate(180deg) !important;
		background-color: #fff;
	}
}

Reviews

No reviews yet.