From 644601c2b5216404d811207c5019d456a80857ff Mon Sep 17 00:00:00 2001 From: Jason Wihardja Date: Sun, 24 Jan 2021 22:03:19 +0700 Subject: [PATCH 1/7] Fix for Mobile Popups (#156) --- wikipedia-dark.user.css | 24 +++++++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) diff --git a/wikipedia-dark.user.css b/wikipedia-dark.user.css index 69fab2e..14a8d62 100644 --- a/wikipedia-dark.user.css +++ b/wikipedia-dark.user.css @@ -1276,9 +1276,11 @@ regexp("https?:\/\/wiki\.(archlinux|mozilla)\.(org|jp)\/.*$") { .messagebox, .errorbox, .warningbox, .successbox, .suggestions-special .special-label, .reference-text, .mwe-popups .mwe-popups-container, #viewsourcetext { - background-color: var(--gray-2) !important; color: var(--gray-c); } + .mwe-popups .mwe-popups-container { + background-color: var(--gray-2) !important; + } .mwe-popups .mwe-popups-container .mwe-popups-discreet { background-color: var(--white) !important; } @@ -4192,6 +4194,26 @@ regexp("https?:\/\/([\w\-]{2,}\.m\.(wiki(pedia|books|news|quote|source|versity|v tr[bgcolor], td[bgcolor] { background-color: var(--gray-28); } + /* popups fixes */ + .mwe-popups .mwe-popups-container { + background-color: var(--gray-2) !important; + } + .mwe-popups .mwe-popups-container .mwe-popups-discreet { + background-color: var(--white) !important; + } + .mwe-popups .mwe-popups-container a { + color: var(--gray-c) !important; + } + .mwe-popups-extract::after { + background-image: linear-gradient(to right, transparent, var(--gray-2) 50%) !important; + } + .mw-mmv-ttf-ellipsis::before { + background-image: linear-gradient(to right, transparent, var(--gray-2)) !important; + } + .mwe-popups-extract .mwe-popups-fade, + .mw-mmv-permission-box .mw-mmv-permission-text .mw-mmv-permission-text-fader { + background-image: linear-gradient(to bottom, transparent, var(--gray-2)) !important; + } /* these general selectorss have to go when adding not remove all */ td[style*="background"] { background-color: var(--gray-28) !important; From 4dbca975eceb43dd905c860833badec536d5ed44 Mon Sep 17 00:00:00 2001 From: Jason Wihardja Date: Sun, 24 Jan 2021 23:01:51 +0700 Subject: [PATCH 2/7] Apply white background only on image thumbnail (Re: #156) --- wikipedia-dark.user.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/wikipedia-dark.user.css b/wikipedia-dark.user.css index 14a8d62..4b5c619 100644 --- a/wikipedia-dark.user.css +++ b/wikipedia-dark.user.css @@ -1281,7 +1281,7 @@ regexp("https?:\/\/wiki\.(archlinux|mozilla)\.(org|jp)\/.*$") { .mwe-popups .mwe-popups-container { background-color: var(--gray-2) !important; } - .mwe-popups .mwe-popups-container .mwe-popups-discreet { + .mwe-popups .mwe-popups-container .mwe-popups-thumbnail { background-color: var(--white) !important; } span[style="color:black"], span[style*="color: black"], @@ -4198,7 +4198,7 @@ regexp("https?:\/\/([\w\-]{2,}\.m\.(wiki(pedia|books|news|quote|source|versity|v .mwe-popups .mwe-popups-container { background-color: var(--gray-2) !important; } - .mwe-popups .mwe-popups-container .mwe-popups-discreet { + .mwe-popups .mwe-popups-container .mwe-popups-thumbnail { background-color: var(--white) !important; } .mwe-popups .mwe-popups-container a { From 8304d001544a6600daa7e589ac7f038b5842b12e Mon Sep 17 00:00:00 2001 From: Jason Wihardja Date: Wed, 27 Jan 2021 21:52:48 +0700 Subject: [PATCH 3/7] Fix White Table Background (Desktop) --- wikipedia-dark.user.css | 1 + 1 file changed, 1 insertion(+) diff --git a/wikipedia-dark.user.css b/wikipedia-dark.user.css index 4b5c619..0b33800 100644 --- a/wikipedia-dark.user.css +++ b/wikipedia-dark.user.css @@ -2853,6 +2853,7 @@ regexp("https?:\/\/wiki\.(archlinux|mozilla)\.(org|jp)\/.*$") { .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head, .mw-echo-ui-notificationItemWidget:last-child { border-color: var(--gray-5); + background-color: var(--gray-2); } body[class*="skin-"] .mw-parser-output table.ambox { border: 1px solid var(--gray-5); From 335aebb4d50056455c16b6be763ef65e185140c8 Mon Sep 17 00:00:00 2001 From: Jason Wihardja Date: Wed, 27 Jan 2021 21:53:17 +0700 Subject: [PATCH 4/7] Fix White Quotebox (Mobile) --- wikipedia-dark.user.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/wikipedia-dark.user.css b/wikipedia-dark.user.css index 0b33800..af05f75 100644 --- a/wikipedia-dark.user.css +++ b/wikipedia-dark.user.css @@ -4029,6 +4029,9 @@ regexp("https?:\/\/([\w\-]{2,}\.m\.(wiki(pedia|books|news|quote|source|versity|v background: var(--gray-28); border-color: var(--gray-5); } + .mw-parser-output .quotebox { + background: var(--gray-2) + } #mp-middle p, #mp-other-lower p { color: var(--gray-c); } From 958f8117fdafded492ed7540b6e5a71419f16006 Mon Sep 17 00:00:00 2001 From: Jason Wihardja Date: Wed, 27 Jan 2021 21:53:43 +0700 Subject: [PATCH 5/7] Fix White Lazy Image Placeholder (Mobile) --- wikipedia-dark.user.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/wikipedia-dark.user.css b/wikipedia-dark.user.css index af05f75..d5cc6d2 100644 --- a/wikipedia-dark.user.css +++ b/wikipedia-dark.user.css @@ -4053,6 +4053,9 @@ regexp("https?:\/\/([\w\-]{2,}\.m\.(wiki(pedia|books|news|quote|source|versity|v background-color: var(--blue-3); border-color: var(--blue-4); } + .lazy-image-placeholder { + background-color: var(--gray-28) + } /* Search */ .client-nojs .search-box .search:focus, .search-overlay .search-box .search:focus { From e04f567f362d6a8e7f551e516b47acee2d4b9587 Mon Sep 17 00:00:00 2001 From: Jason Wihardja Date: Wed, 27 Jan 2021 22:17:24 +0700 Subject: [PATCH 6/7] Remove Redundant Style --- wikipedia-dark.user.css | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/wikipedia-dark.user.css b/wikipedia-dark.user.css index d5cc6d2..dae4134 100644 --- a/wikipedia-dark.user.css +++ b/wikipedia-dark.user.css @@ -1974,10 +1974,6 @@ regexp("https?:\/\/wiki\.(archlinux|mozilla)\.(org|jp)\/.*$") { td[style*="background: #F5F5FF"] { background-color: var(--gray-28) !important; } - html .thumbimage { - background-color: var(--gray-28); - border-color: var(--gray-5); - } .oo-ui-menuSelectWidget { background-color: var(--gray-18); border-color: var(--gray-5); @@ -4201,6 +4197,9 @@ regexp("https?:\/\/([\w\-]{2,}\.m\.(wiki(pedia|books|news|quote|source|versity|v tr[bgcolor], td[bgcolor] { background-color: var(--gray-28); } + html .thumbimage { + background-color: var(--white); + } /* popups fixes */ .mwe-popups .mwe-popups-container { background-color: var(--gray-2) !important; From 069ad5460f4ee39df37d929c544490081e09e0f8 Mon Sep 17 00:00:00 2001 From: Jason Wihardja Date: Fri, 29 Jan 2021 01:14:04 +0700 Subject: [PATCH 7/7] Extract style to affected selector only (Re: #162) --- wikipedia-dark.user.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/wikipedia-dark.user.css b/wikipedia-dark.user.css index dae4134..fd5a5f9 100644 --- a/wikipedia-dark.user.css +++ b/wikipedia-dark.user.css @@ -2849,7 +2849,6 @@ regexp("https?:\/\/wiki\.(archlinux|mozilla)\.(org|jp)\/.*$") { .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head, .mw-echo-ui-notificationItemWidget:last-child { border-color: var(--gray-5); - background-color: var(--gray-2); } body[class*="skin-"] .mw-parser-output table.ambox { border: 1px solid var(--gray-5); @@ -2860,6 +2859,9 @@ regexp("https?:\/\/wiki\.(archlinux|mozilla)\.(org|jp)\/.*$") { table.ambox-protection { border-left: 10px solid var(--gray-7) !important; } + table.sidebar.vertical-navbox.nomobile { + background-color: var(--gray-2); + } /* these are OK to be !important soon as a not is needed remove the offending one instead and fix fallback */ #talkheader td, .infobox tr[style*="background-color"]:not([style*="#cedff2"]), .mw-body-content code, .lang-list-button:hover, .oo-ui-buttonElement-button,