Skip to content

Commit 174c3dc

Browse files
Nick2bad4uNick2bad4u
committed
chore(css): update eBay Dark Mode user style to version 3.1 with improved color handling and structure
1 parent 829e123 commit 174c3dc

1 file changed

Lines changed: 106 additions & 45 deletions

File tree

‎ebay-Dark-Mode.user.css‎

Lines changed: 106 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/* ==UserStyle==
22
@name eBay.com - Dark Mode
33
@namespace typpi.online
4-
@version 3.0
4+
@version 3.1
55
@description eBay.com - Dark Mode
66
@homepageURL https://github.com/Nick2bad4u/UserStyles
77
@supportURL https://github.com/Nick2bad4u/UserStyles/issues
@@ -22,22 +22,17 @@ domain("ebay.in"),
2222
domain("ebaydesc.com"),
2323
domain("googlesyndication.com"),
2424
domain("ebayimg.com"),
25-
domain("ebaystatic.com")
26-
{
27-
:root
28-
{
25+
domain("ebaystatic.com") {
26+
:root {
2927
--dialog-scrim-color-show: #ffffff87;
3028
}
3129

3230
/* Invert colors except images and videos */
33-
:is(html:not([stylus-iframe]), img, svg, video)
34-
{
31+
:is(html:not([stylus-iframe]), img, svg, video) {
3532
filter: invert(1) hue-rotate(180deg) !important;
3633
background-color: inherit !important;
3734
}
3835

39-
40-
4136
#gh-eb-Alerts,
4237
#gh-minicart-hover,
4338
#ifhItem0,
@@ -49,28 +44,44 @@ domain("ebaystatic.com")
4944
.img_ad,
5045
.vl-banner-full-bleed__image,
5146
.app-msg-inbox-action-bar .action-bar-button-group,
52-
#mainContent > div.app-shell.contactui-viewmessage > div.app-river__center > div.msg-container.msg-container--narrow > div.msg-inbox-container.msg-inbox-container--active > div.msg-inbox-head > div,
47+
#mainContent
48+
> div.app-shell.contactui-viewmessage
49+
> div.app-river__center
50+
> div.msg-container.msg-container--narrow
51+
> div.msg-inbox-container.msg-inbox-container--active
52+
> div.msg-inbox-head
53+
> div,
5354
.imageupload__list,
5455
.msg-content-view .msg-conversation-item-card,
55-
.vl-recommended-sellers__seller-item
56-
{
56+
.vl-recommended-sellers__seller-item {
5757
filter: invert(1) hue-rotate(180deg) !important;
5858
}
5959

6060
li:nth-child(n) > div > div > button,
6161
li:nth-child(n) > div > div > button > svg,
62-
#s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[3\]-2-\@match-media-0-\@ebay-carousel-next > svg,
62+
#s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[3\]-2-\@match-media-0-\@ebay-carousel-next
63+
> svg,
6364
.carousel__control.carousel__control--prev > svg,
6465
.carousel__playback > svg,
65-
#s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[2\]-2-\@match-media-0-\@ebay-carousel-next > svg,
66+
#s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[2\]-2-\@match-media-0-\@ebay-carousel-next
67+
> svg,
6668
.s-item__image-section > span > button > span > svg,
6769
#gh-ac-box2 > svg,
68-
.srp-controls__control.follow-widget-wrap > div > div > button > span > svg,
69-
.action-bar-button-group > span:nth-child(n) > span > span > button > svg,
70+
.srp-controls__control.follow-widget-wrap
71+
> div
72+
> div
73+
> button
74+
> span
75+
> svg,
76+
.action-bar-button-group
77+
> span:nth-child(n)
78+
> span
79+
> span
80+
> button
81+
> svg,
7082
#imageupload__send--button > svg,
7183
svg.icon.icon,
72-
.initial-state-module img
73-
{
84+
.initial-state-module img {
7485
filter: invert(0) hue-rotate(180deg) !important;
7586
}
7687

@@ -79,53 +90,103 @@ domain("ebaystatic.com")
7990
.messaging,
8091
.viewmessage,
8192
span.fake-menu,
82-
span.menu
83-
{
93+
span.menu {
8494
filter: invert(1) hue-rotate(180deg) !important;
8595
background-color: #fff;
8696
}
8797

8898
.messaging,
8999
.viewmessage,
90-
.contactui-messaging .app-river__center .message__cards__container .card__content-unread .card__conversation-title span,
91-
.contactui-messaging .app-river__center .message__cards__container .card__content-unread .card__username span,
92-
.contactui-messaging .app-river__left .message__cards__container .card__content-unread .card__conversation-title span,
93-
.contactui-messaging .app-river__left .message__cards__container .card__content-unread .card__username span,
94-
.contactui-viewmessage .app-river__center .message__cards__container .card__content-unread .card__conversation-title span,
95-
.contactui-viewmessage .app-river__center .message__cards__container .card__content-unread .card__username span,
96-
.contactui-viewmessage .app-river__left .message__cards__container .card__content-unread .card__conversation-title span,
97-
.contactui-viewmessage .app-river__left .message__cards__container .card__content-unread .card__username span,
98-
.msg-content-view .app-conversation__message-bubble__message__content span,
99-
.msg-content-view .msg-conversation-head__section span a
100-
{
100+
.contactui-messaging
101+
.app-river__center
102+
.message__cards__container
103+
.card__content-unread
104+
.card__conversation-title
105+
span,
106+
.contactui-messaging
107+
.app-river__center
108+
.message__cards__container
109+
.card__content-unread
110+
.card__username
111+
span,
112+
.contactui-messaging
113+
.app-river__left
114+
.message__cards__container
115+
.card__content-unread
116+
.card__conversation-title
117+
span,
118+
.contactui-messaging
119+
.app-river__left
120+
.message__cards__container
121+
.card__content-unread
122+
.card__username
123+
span,
124+
.contactui-viewmessage
125+
.app-river__center
126+
.message__cards__container
127+
.card__content-unread
128+
.card__conversation-title
129+
span,
130+
.contactui-viewmessage
131+
.app-river__center
132+
.message__cards__container
133+
.card__content-unread
134+
.card__username
135+
span,
136+
.contactui-viewmessage
137+
.app-river__left
138+
.message__cards__container
139+
.card__content-unread
140+
.card__conversation-title
141+
span,
142+
.contactui-viewmessage
143+
.app-river__left
144+
.message__cards__container
145+
.card__content-unread
146+
.card__username
147+
span,
148+
.msg-content-view
149+
.app-conversation__message-bubble__message__content
150+
span,
151+
.msg-content-view .msg-conversation-head__section span a {
101152
color: #fff !important;
102153
}
103154

104-
.contactui-viewmessage .app-river__center .message__cards__container .card__item:hover
105-
{
155+
.contactui-viewmessage
156+
.app-river__center
157+
.message__cards__container
158+
.card__item:hover {
106159
background-color: #191919 !important;
107160
}
108161

109-
.msg-content-view .msg-conversation-head__dropdown .menu-button__button
110-
{
162+
.msg-content-view
163+
.msg-conversation-head__dropdown
164+
.menu-button__button {
111165
background-color: #000;
112166
color: white;
113167
}
114168

115-
.msg-content-view .msg-conversation-head__dropdown .menu-button__button:hover
116-
{
169+
.msg-content-view
170+
.msg-conversation-head__dropdown
171+
.menu-button__button:hover {
117172
background-color: #363636 !important;
118173
}
119174

120-
.imageupload__list
121-
{
175+
.imageupload__list {
122176
color: #000;
123177
}
124178
.vim.vi-grid.x-evo-middle-river > div > div:nth-child(2),
125-
#PicturePanel > div.vim.x-atf-left-bottom-river > div > div:nth-child(2)
126-
{
179+
#PicturePanel
180+
> div.vim.x-atf-left-bottom-river
181+
> div
182+
> div:nth-child(2) {
127183
display: none;
128184
}
185+
186+
.main1 {
187+
color: #000;
188+
background: #fff;
189+
}
129190
}
130191

131192
@-moz-document url-prefix("https://www.ebay.com/cnt/ViewMessage")
@@ -134,13 +195,13 @@ domain("ebaystatic.com")
134195
.ghw.ghw .gh-search-input:focus,
135196
.ghw.ghw .gh-search-input,
136197
.ghw.ghw .gh-search-categories,
137-
.ghw.ghw .gh-nav
138-
{
198+
.ghw.ghw .gh-nav {
139199
filter: invert(1) hue-rotate(180deg);
140200
}
141201

142-
.ghw.ghw .gh-search-input__wrap:focus-within svg.gh-search-input__icon
143-
{
202+
.ghw.ghw
203+
.gh-search-input__wrap:focus-within
204+
svg.gh-search-input__icon {
144205
fill: white;
145206
}
146207
}

0 commit comments

Comments
 (0)