☰

eBay.com - Dark Mode

eBay.com - Dark Mode!

当前为 2024-12-05 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           eBay.com - Dark Mode
  3. @namespace      https://github.com/Nick2bad4u/UserStyles
  4. @version        2.1
  5. @description    eBay.com - Dark Mode!
  6. @homepageURL    https://github.com/Nick2bad4u/UserStyles
  7. @author         Nick2bad4u
  8. @license        UnLicense
  9. ==/UserStyle== */
  10. @-moz-document domain("ebay.com"), regexp(".*www.ebay.*") {
  11. 	/* Invert colors except images and videos */
  12. 	:is( html: not([stylus-iframe]),
  13.     img,
  14.     svg,
  15.     video) {
  16. 		filter: invert(1) hue-rotate(180deg) !important;
  17. 	}
  18.  
  19. 	/* Ensure background images are not inverted */
  20. 	:is(
  21. 		html:not([stylus-iframe]),
  22. 		img,
  23. 		svg,
  24. 		video
  25. 	) {
  26. 		background-color: inherit !important;
  27. 	}
  28.  
  29. 	#gh-eb-Alerts,
  30. 	#gh-minicart-hover,
  31. 	#ifhItem0 {
  32. 		filter: invert(1) hue-rotate(180deg) !important;
  33. 	}
  34.  
  35. 	li:nth-child(n) > div > div > button,
  36. 	li:nth-child(n) > div > div > button > svg,
  37. 	#s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[3\]-2-\@match-media-0-\@ebay-carousel-next
  38. 		> svg,
  39. 	#s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[3\]-2-\@match-media-0-\@ebay-carousel-container
  40. 		> button.carousel__control.carousel__control--prev
  41. 		> svg,
  42. 	button.carousel__playback > svg,
  43. 	#s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[2\]-2-\@match-media-0-\@ebay-carousel-next
  44. 		> svg,
  45. 	#s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[2\]-2-\@match-media-0-\@ebay-carousel-container
  46. 		> button.carousel__control.carousel__control--prev
  47. 		> svg,
  48. 	div
  49. 		> div.s-item__image-section
  50. 		> span
  51. 		> button
  52. 		> span
  53. 		> svg,
  54. 	#gh-ac-box2 > svg,
  55. 	#mainContent
  56. 		> div.s-answer-region.s-answer-region-center-top
  57. 		> div
  58. 		> div.clearfix.srp-controls__row-2
  59. 		> div:nth-child(1)
  60. 		> div.srp-controls__control.follow-widget-wrap
  61. 		> div
  62. 		> div
  63. 		> button
  64. 		> span
  65. 		> svg,
  66. 	#mainContent
  67. 		> div.app-shell.contactui-viewmessage
  68. 		> div.app-river__center
  69. 		> div.msg-container
  70. 		> div.msg-inbox-container.msg-inbox-container--active
  71. 		> div.msg-inbox-main
  72. 		> div.msg-inbox-list
  73. 		> div.app-msg-inbox-action-bar
  74. 		> div.action-bar-button-group
  75. 		> span:nth-child(n)
  76. 		> span
  77. 		> span
  78. 		> button
  79. 		> svg,
  80. 	#imageupload__send--button > svg,
  81. 	svg.icon.icon {
  82. 		filter: invert(0) hue-rotate(180deg) !important;
  83. 	}
  84.  
  85. 	#ghno {
  86. 		filter: invert(1) hue-rotate(180deg) !important;
  87. 		background-color: #fff;
  88. 	}
  89. }