☰

eBay.com - Dark Mode

eBay.com - Dark Mode!

目前为 2024-12-11 提交的版本。查看 最新版本。

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