Walmart.com - Dark Mode

Dark mode for Walmart.com
目前为 2024-12-15 提交的版本。查看最新版本。
Wrap lines
/* ==UserStyle==
@name         Walmart.com - Dark Mode
@version      20241114.16.22
@namespace    https://userstyles.world/user/Nick2bad4u
@description  Dark mode for Walmart.com
@homepageURL  https://github.com/Nick2bad4u/UserStyles
@author       Nick2bad4u
@license      UnLicense
==/UserStyle== */

@-moz-document domain("walmart.com") {
	/* Base styles */
	*:not(
			img,
			svg,
			iframe,
			a,
			i,
			span.mr2,
			span.mh2,
			p
		) {
		border-color: #333 !important;
		background-color: #111 !important;
		color: #ddd !important;
	}

	a {
		color: #1e90ff !important;
	}

	/* Media elements */
	img,
	video {
		filter: brightness(1) !important;
	}

	/* Buttons and Input Fields */
	button,
	input,
	select,
	textarea,
	div > div.z-2.relative.mt2.w-60 > div > a {
		border-color: #444 !important;
		background-color: #222 !important;
		color: #ddd !important;
	}

	button:hover,
	input:focus,
	select:focus,
	textarea:focus {
		border-color: #555 !important;
		background-color: #333 !important;
	}

	/* Header, Navbar, and Footer */
	header,
	.header,
	.footer,
	nav,
	.navbar {
		background-color: #111 !important;
		color: #ddd !important;
	}

	header a,
	.header a,
	.footer a,
	nav a,
	.navbar a {
		color: #1e90ff !important;
	}

	/* Product Listings */
	.product,
	.product-card,
	.product-list-item {
		border-color: #333 !important;
		background-color: #222 !important;
		color: #ddd !important;
	}

	.product-card .price,
	.product-list-item .price {
		color: #ffcc00 !important;
	}

	/* Category and Sidebar Menus */
	.sidebar,
	.category-menu,
	.filter-menu {
		border-color: #333 !important;
		background-color: #111 !important;
		color: #ddd !important;
	}

	.sidebar a,
	.category-menu a,
	.filter-menu a {
		color: #1e90ff !important;
	}

	/* Shopping Cart and Checkout */
	.cart,
	.checkout,
	.order-summary,
	.cart-item {
		border-color: #333 !important;
		background-color: #222 !important;
		color: #ddd !important;
	}

	.cart .price,
	.checkout .price,
	.order-summary .price {
		color: #ffcc00 !important;
	}

	/* Forms and Popups */
	.modal,
	.popup,
	.form-container {
		border-color: #333 !important;
		background-color: #111 !important;
		color: #ddd !important;
	}

	.modal button,
	.popup button,
	.form-container button {
		background-color: #222 !important;
		color: #ddd !important;
	}

	/* Specific UI Adjustments */
	.breadcrumb,
	.pagination,
	.page-navigation {
		border-color: #333 !important;
		background-color: #222 !important;
		color: #ddd !important;
	}

	.breadcrumb a,
	.pagination a,
	.page-navigation a {
		color: #1e90ff !important;
	}

	.notification,
	.alert,
	.badge {
		background-color: #444 !important;
		color: #ffcc00 !important;
	}

	/* Tooltip */
	.tooltip {
		border-color: #555 !important;
		background-color: #333 !important;
		color: #ddd !important;
	}
}
欢迎访问Greasy Fork镜像
