From 2a1e1bf6617ed1a3c271eb0b828dee7a365b8784 Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Tue, 21 Apr 2020 01:54:01 -0800 Subject: [PATCH 01/15] Make popup action menu dark themed (I think this needs `!important`?) --- stylus-dark.user.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index af06637..4b93c86 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -260,4 +260,7 @@ regexp("moz-extension://.*") { #confirm > div { background-color: #4a4a4f } + .menu-items-wrapper { + background-color: #4a4a4f !important; + } } From ec855cf10e75b0ddf1098e06790eb4671ae44296 Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Sat, 18 Jul 2020 03:25:11 -0800 Subject: [PATCH 02/15] looks like this doesn't need !important --- stylus-dark.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index 4b93c86..c9a621c 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -261,6 +261,6 @@ regexp("moz-extension://.*") { background-color: #4a4a4f } .menu-items-wrapper { - background-color: #4a4a4f !important; + background-color: #4a4a4f; } } From 15e280e1ff9cca740925d27bf1cd35a78c8201a1 Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Sat, 18 Jul 2020 15:57:18 -0800 Subject: [PATCH 03/15] work on options modal + bump version number --- stylus-dark.user.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index c9a621c..0f80f72 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -1,6 +1,6 @@ /* ==UserStyle== @name Stylus Dark -@version 1.3.4 +@version 1.3.5 @description Dark Stylus theme based on ShadowFox @namespace https://github.com/overdodactyl/Stylus-Dark @author overdodactyl @@ -11,6 +11,7 @@ ==/UserStyle== */ @-moz-document regexp("chrome-extension://.*"), regexp("moz-extension://.*") { + #options, #notes, body { background: #38383d!important; @@ -251,7 +252,7 @@ regexp("moz-extension://.*") { color: #fff!important } select { - color: silver + color: silver!important } optgroup, option { @@ -263,4 +264,7 @@ regexp("moz-extension://.*") { .menu-items-wrapper { background-color: #4a4a4f; } + #options-header { + background: unset; + } } From b631856d8ca65f5caaf2479445c34f493d8e4ff0 Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Sat, 18 Jul 2020 15:59:15 -0800 Subject: [PATCH 04/15] use correct id --- stylus-dark.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index 0f80f72..9ecd390 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -264,7 +264,7 @@ regexp("moz-extension://.*") { .menu-items-wrapper { background-color: #4a4a4f; } - #options-header { + #options-title { background: unset; } } From bb4349ced879264ab104cc605115f0f996ff8434 Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Sat, 18 Jul 2020 16:01:59 -0800 Subject: [PATCH 05/15] fix issue with style overlapping with other thing --- stylus-dark.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index 9ecd390..1d976ad 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -11,7 +11,7 @@ ==/UserStyle== */ @-moz-document regexp("chrome-extension://.*"), regexp("moz-extension://.*") { - #options, + body#stylus-options #options, #notes, body { background: #38383d!important; From 7215ce5d5d427ade3082fce8d8b87fe84ece313a Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Sun, 19 Jul 2020 21:02:41 -0800 Subject: [PATCH 06/15] make non-disabled things not look disabled --- stylus-dark.user.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index 1d976ad..e13478b 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -69,7 +69,7 @@ regexp("moz-extension://.*") { input:not(.slider) { background-color: #38383d!important; color: silver!important; - border: 1px solid #4a4a4f!important + border: 1px solid #747477!important } .filter-selection select { background-color: transparent!important; @@ -267,4 +267,7 @@ regexp("moz-extension://.*") { #options-title { background: unset; } + input[type="radio"]:checked:after { + background-color: #d7d7db; + } } From 4dcaba24d78f996e54c9af79eb1c588cc61f68ac Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Sun, 19 Jul 2020 21:07:50 -0800 Subject: [PATCH 07/15] make on/off switch dark themed --- stylus-dark.user.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index e13478b..52374d0 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -270,4 +270,7 @@ regexp("moz-extension://.*") { input[type="radio"]:checked:after { background-color: #d7d7db; } + .onoffswitch input + span { + background-color: #2a2a2e !important; + } } From 98f1cf2b4d3b8a5ffc1b2612ef76635661504cb4 Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Tue, 21 Jul 2020 03:15:48 -0800 Subject: [PATCH 08/15] Make disabled elements more clear (by Mrfiregem) https://github.com/overdodactyl/Stylus-Dark/issues/23#issuecomment-661264220 --- stylus-dark.user.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index 52374d0..06be6d7 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -273,4 +273,10 @@ regexp("moz-extension://.*") { .onoffswitch input + span { background-color: #2a2a2e !important; } + [disabled] { + opacity: 50%; + } + button[disabled]:hover { + color: unset !important; + } } From 279654a1ed8f162be68533720628a5832dab512c Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Tue, 8 Dec 2020 17:17:20 -0900 Subject: [PATCH 09/15] make option popup background not a solid color attempt to handle https://github.com/overdodactyl/Stylus-Dark/issues/23#issuecomment-739584033, might be a bit hacky plus I don't know if this was intenteded. --- stylus-dark.user.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index 06be6d7..38d58fb 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -13,7 +13,7 @@ regexp("moz-extension://.*") { body#stylus-options #options, #notes, - body { + body:not(#stylus-options) { background: #38383d!important; color: #b1b1b3!important } @@ -42,7 +42,7 @@ regexp("moz-extension://.*") { #message-box > div, #message-box-buttons, #message-box-title, - body { + body:not(#stylus-options) { background: #2a2a2e!important } .search-result { From ed1c111fd087b4c175980c205053790944997617 Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Thu, 10 Dec 2020 16:36:53 -0900 Subject: [PATCH 10/15] make options header dark themed --- stylus-dark.user.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index 38d58fb..14d8499 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -265,7 +265,8 @@ regexp("moz-extension://.*") { background-color: #4a4a4f; } #options-title { - background: unset; + background: #2a2a2e; + color: #b1b1b3; } input[type="radio"]:checked:after { background-color: #d7d7db; From 4a9ce9593b9e83ea209e4e8e6eb336064aa149b4 Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Thu, 10 Dec 2020 17:02:38 -0900 Subject: [PATCH 11/15] don't change the background of the popup this is a bit hacky (also why is there two body rules?) --- stylus-dark.user.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index 14d8499..7df226d 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -13,7 +13,7 @@ regexp("moz-extension://.*") { body#stylus-options #options, #notes, - body:not(#stylus-options) { + body:not(#stylus-options):not(#stylus-popup) { background: #38383d!important; color: #b1b1b3!important } @@ -42,7 +42,7 @@ regexp("moz-extension://.*") { #message-box > div, #message-box-buttons, #message-box-title, - body:not(#stylus-options) { + body:not(#stylus-options):not(#stylus-popup) { background: #2a2a2e!important } .search-result { From ca4d2e8b06f84bc758d06a1037c10a634357ba64 Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Sat, 6 Feb 2021 11:57:42 -0900 Subject: [PATCH 12/15] handle new usercss badges --- stylus-dark.user.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index 7df226d..bca41d8 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -133,8 +133,10 @@ regexp("moz-extension://.*") { .newUI .entry:hover { background: #2a2a2e!important } - .disabled h2::after { - border: 1px solid #444!important + .disabled h2::after, + .entry.usercss .style-name-link::after { + border: 1px solid #444!important; + color: #e1e1e1!important } .svg-icon.select-arrow { fill: silver!important From 036ddfd39ad0dc70655fdcf468600a83f7a5369a Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Sat, 6 Feb 2021 12:02:57 -0900 Subject: [PATCH 13/15] swap blue bg on usercss badges for grey bg --- stylus-dark.user.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index bca41d8..9accf8d 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -135,8 +135,9 @@ regexp("moz-extension://.*") { } .disabled h2::after, .entry.usercss .style-name-link::after { - border: 1px solid #444!important; + border: 1px solid #504e4e!important; color: #e1e1e1!important + background-color: #504e4e!important; } .svg-icon.select-arrow { fill: silver!important From cd4440c155debd340fcfc63961f6de9b29b0afa7 Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Sat, 6 Feb 2021 12:08:10 -0900 Subject: [PATCH 14/15] add missing semicolon --- stylus-dark.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index 9accf8d..29cfd30 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -136,7 +136,7 @@ regexp("moz-extension://.*") { .disabled h2::after, .entry.usercss .style-name-link::after { border: 1px solid #504e4e!important; - color: #e1e1e1!important + color: #e1e1e1!important; background-color: #504e4e!important; } .svg-icon.select-arrow { From bcd959341c7428fb2d708fb5304f540a77219e46 Mon Sep 17 00:00:00 2001 From: Chemie~ <13520392+LunarTwilight@users.noreply.github.com> Date: Sat, 6 Feb 2021 12:12:31 -0900 Subject: [PATCH 15/15] make message box contents not use black text --- stylus-dark.user.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/stylus-dark.user.css b/stylus-dark.user.css index 29cfd30..e7a1be6 100644 --- a/stylus-dark.user.css +++ b/stylus-dark.user.css @@ -35,7 +35,8 @@ regexp("moz-extension://.*") { } #help-popup, #sections, - .newUI .target { + .newUI .target, + #message-box-contents { color: #b1b1b3!important } #help-popup,