From 94f20711f8fe49d3809951321fac39a37cd8492c Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 25 Jun 2022 01:25:40 +0900 Subject: [PATCH 1/3] Fix: Addon.org - Missing darkmode at devhub detail page #365 --- css/leptonContent.css | 67 ++++++++++++++++++++++-- src/contents/dark_mode/_addons_org.scss | 69 +++++++++++++++++++++++-- 2 files changed, 130 insertions(+), 6 deletions(-) diff --git a/css/leptonContent.css b/css/leptonContent.css index a41298b..9532742 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -793,6 +793,7 @@ /* Text */ input, textarea, + select, .AutoSearchInput-query, .AutoSearchInput-suggestions-list, .Page-content h1, @@ -893,6 +894,7 @@ background: var(--in-content-primary-button-background) !important; } + select, .Select, .Button--primary, .Button--neutral, @@ -993,7 +995,8 @@ } input, - textarea { + textarea, + select { border-color: var(--in-content-box-border-color) !important; } @@ -1104,7 +1107,10 @@ background: var(--in-content-page-background) !important; color: var(--in-content-page-color) !important; } - body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul a:hover { + body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul a:hover, + body:is(.developer-hub, .statistics) .install-note, + body:is(.developer-hub, .statistics) .modal, + body:is(.developer-hub, .statistics) .popup { background: var(--in-content-box-background-odd) !important; } body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul::after, @@ -1129,8 +1135,12 @@ body:is(.developer-hub, .statistics) hgroup h2.addon, body:is(.developer-hub, .statistics) hgroup h2.collection, body:is(.developer-hub, .statistics) h3, + body:is(.developer-hub, .statistics) .results h4, body:is(.developer-hub, .statistics) .dashboard .listing .item, body:is(.developer-hub, .statistics) .dashboard .listing .item:hover h5, + body:is(.developer-hub, .statistics) .secondary .addon-status, + body:is(.developer-hub, .statistics) .secondary .addon-status .addon-details li.addon-listed-status, + body:is(.developer-hub, .statistics) #refine-results h5, body:is(.developer-hub, .statistics) .island.criteria li, body:is(.developer-hub, .statistics) .two-up div { color: var(--in-content-page-color) !important; @@ -1140,6 +1150,11 @@ body:is(.developer-hub, .statistics) .item-actions > ul > li, body:is(.developer-hub, .statistics) .dashboard .listing .item .item-actions a, body:is(.developer-hub, .statistics) .edit-media-details, + body:is(.developer-hub, .statistics) .devhub-form table th, + body:is(.developer-hub, .statistics) #recent-activity .listing .item .timestamp, + body:is(.developer-hub, .statistics) #upload-file .upload-status #uploadstatus, + body:is(.developer-hub, .statistics) #addon-validator-suite, + body:is(.developer-hub, .statistics) #addon-validator-suite .msg > *, body:is(.developer-hub, .statistics) .island.criteria li a.inactive { color: var(--in-content-deemphasized-text) !important; } @@ -1149,8 +1164,11 @@ body:is(.developer-hub, .statistics) .primary a, body:is(.developer-hub, .statistics) .secondary a, body:is(.developer-hub, .statistics) .submission-type-tabs a, + body:is(.developer-hub, .statistics) .popup a, body:is(.developer-hub, .statistics) .dashboard .listing .item:hover a, body:is(.developer-hub, .statistics) .dashboard .listing .item:hover .item-actions a, + body:is(.developer-hub, .statistics) #upload-status-results.status-pass strong, + body:is(.developer-hub, .statistics) #addon-validator-suite a, body:is(.developer-hub, .statistics) #create-addon a, body:is(.developer-hub, .statistics) .html-support { color: var(--in-content-link-color) !important; @@ -1175,7 +1193,12 @@ } body:is(.developer-hub, .statistics) .secondary .addon-status, body:is(.developer-hub, .statistics) .devhub-form .item, - body:is(.developer-hub, .statistics) #icons_default { + body:is(.developer-hub, .statistics) #icons_default, + body:is(.developer-hub, .statistics) .listing .item, + body:is(.developer-hub, .statistics) .object-lead, + body:is(.developer-hub, .statistics) #addon-validator-suite .results .tier-results, + body:is(.developer-hub, .statistics) #addon-validator-suite .suite, + body:is(.developer-hub, .statistics) #addon-validator-suite .suite-container { border-color: var(--in-content-border-color) !important; background: var(--in-content-box-background) !important; } @@ -1213,6 +1236,7 @@ } body:is(.developer-hub, .statistics) #icons_default li a:hover, body:is(.developer-hub, .statistics) #side-nav .active a, + body:is(.developer-hub, .statistics) span.tip, body:is(.developer-hub, .statistics) .addon-submission-process .tip, body:is(.developer-hub, .statistics) .devhub-form .tip, body:is(.developer-hub, .statistics) a.remove, @@ -1225,6 +1249,7 @@ background-color: var(--in-content-primary-button-background-hover) !important; } body:is(.developer-hub, .statistics) .submission-type-tabs a, + body:is(.developer-hub, .statistics) .devhub-sidebar, body:is(.developer-hub, .statistics) .devhub-sidebar div.item, body:is(.developer-hub, .statistics) .devhub-form .listing-footer { border-color: var(--in-content-border-color) !important; @@ -1238,6 +1263,27 @@ body:is(.developer-hub, .statistics) #change-locale::after { border-top-color: var(--in-content-link-color) !important; } + body:is(.developer-hub, .statistics) install-note::after, + body:is(.developer-hub, .statistics) .popup::after { + border-bottom-color: var(--in-content-box-background) !important; + } + body:is(.developer-hub, .statistics) .install-note::before, + body:is(.developer-hub, .statistics) .popup::before { + border-bottom-color: grey !important; + } + body:is(.developer-hub, .statistics) #refine-results, + body:is(.developer-hub, .statistics) .other-categories, + body:is(.developer-hub, .statistics) .versions .primary > .warning { + border-color: transparent !important; + } + body:is(.developer-hub, .statistics) .results { + border-color: var(--in-content-box-background-odd) !important; + background: transparent !important; + } + body:is(.developer-hub, .statistics) .results-inner { + border-color: var(--in-content-border-color) !important; + background: var(--in-content-border-color) !important; + } body:is(.developer-hub, .statistics) #promos .view-button a, body:is(.developer-hub, .statistics) #upload-file-finish.button, body:is(.developer-hub, .statistics) #upload-file-widget .button.prominent, @@ -1296,6 +1342,21 @@ padding-block: 3px !important; cursor: not-allowed; } + body:is(.developer-hub, .statistics) .devhub-form .item_wrapper input[type="email"] { + appearance: none !important; + padding: 2px 5px; + border: 1px solid; + } + body:is(.developer-hub, .statistics) #addon-validator-suite .suite-summary { + color: var(--in-content-deemphasized-text) !important; + background: var(--in-content-button-background) !important; + border-top-color: var(--in-content-border-color) !important; + } + body:is(.developer-hub, .statistics) #addon-validator-suite .context { + border-color: var(--in-content-box-border-color) !important; + background-color: var(--in-content-button-background) !important; + background: var(--in-content-table-background) !important; + } } /*= Support.org ============================================================*/ @-moz-document url-prefix("https://support.mozilla.org") diff --git a/src/contents/dark_mode/_addons_org.scss b/src/contents/dark_mode/_addons_org.scss index eef1533..39e8ec5 100644 --- a/src/contents/dark_mode/_addons_org.scss +++ b/src/contents/dark_mode/_addons_org.scss @@ -13,6 +13,7 @@ /* Text */ input, textarea, + select, .AutoSearchInput-query, .AutoSearchInput-suggestions-list, .Page-content h1, @@ -109,6 +110,7 @@ color: var(--in-content-primary-button-text-color) !important; background: var(--in-content-primary-button-background) !important; } + select, .Select, .Button--primary, .Button--neutral, @@ -199,7 +201,8 @@ } input, - textarea { + textarea, + select { border-color: var(--in-content-box-border-color) !important; } .UserProfileEdit input:disabled, @@ -295,7 +298,10 @@ } /* Elements */ - .menu-nav > ul > li > ul a:hover { + .menu-nav > ul > li > ul a:hover, + .install-note, + .modal, + .popup { background: var(--in-content-box-background-odd) !important; } @@ -324,8 +330,12 @@ hgroup h2.addon, hgroup h2.collection, h3, + .results h4, .dashboard .listing .item, .dashboard .listing .item:hover h5, + .secondary .addon-status, + .secondary .addon-status .addon-details li.addon-listed-status, + #refine-results h5, .island.criteria li, .two-up div { color: var(--in-content-page-color) !important; @@ -333,6 +343,11 @@ .item-actions h5, .item-actions > ul, .item-actions > ul > li, .dashboard .listing .item .item-actions a, .edit-media-details, + .devhub-form table th, + #recent-activity .listing .item .timestamp, + #upload-file .upload-status #uploadstatus, + #addon-validator-suite, + #addon-validator-suite .msg > *, .island.criteria li a.inactive { color: var(--in-content-deemphasized-text) !important; } @@ -343,8 +358,11 @@ .primary a, .secondary a, .submission-type-tabs a, + .popup a, .dashboard .listing .item:hover a, .dashboard .listing .item:hover .item-actions a, + #upload-status-results.status-pass strong, + #addon-validator-suite a, #create-addon a, .html-support { color: var(--in-content-link-color) !important; @@ -374,7 +392,12 @@ /* Background */ .secondary .addon-status, .devhub-form .item, - #icons_default { + #icons_default, + .listing .item, + .object-lead, + #addon-validator-suite .results .tier-results, + #addon-validator-suite .suite, + #addon-validator-suite .suite-container { border-color: var(--in-content-border-color) !important; background: var(--in-content-box-background) !important; } @@ -411,6 +434,7 @@ #icons_default li a:hover, #side-nav .active a, + span.tip, .addon-submission-process .tip, .devhub-form .tip, a.remove, @@ -424,6 +448,7 @@ /* Border */ .submission-type-tabs a, + .devhub-sidebar, .devhub-sidebar div.item, .devhub-form .listing-footer { border-color: var(--in-content-border-color) !important; @@ -440,6 +465,27 @@ border-top-color: var(--in-content-link-color) !important; } + install-note::after, .popup::after { + border-bottom-color: var(--in-content-box-background) !important; + } + .install-note::before, .popup::before { + border-bottom-color: grey !important; + } + + #refine-results, .other-categories, + .versions .primary > .warning { + border-color: transparent !important; + } + + .results { + border-color: var(--in-content-box-background-odd) !important; + background: transparent !important; + } + .results-inner { + border-color: var(--in-content-border-color) !important; + background: var(--in-content-border-color) !important; + } + /* Othres */ #promos .view-button a, #upload-file-finish.button, @@ -478,5 +524,22 @@ padding-block: 3px !important; cursor: not-allowed; } + + .devhub-form .item_wrapper input[type="email"] { + appearance: none !important; + padding: 2px 5px; + border: 1px solid; + } + + #addon-validator-suite .suite-summary { + color: var(--in-content-deemphasized-text) !important; + background: var(--in-content-button-background) !important; + border-top-color: var(--in-content-border-color) !important;; + } + #addon-validator-suite .context { + border-color: var(--in-content-box-border-color) !important; + background-color: var(--in-content-button-background) !important; + background: var(--in-content-table-background) !important; + } } } From e3d5519a34846ad1e5874374bd81506141b26bef Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 25 Jun 2022 18:52:32 +0900 Subject: [PATCH 2/3] Fix: Proton - Contents field border --- css/leptonContent.css | 8 ++------ src/contents/proton_contents/_field_border.scss | 8 ++------ 2 files changed, 4 insertions(+), 12 deletions(-) diff --git a/css/leptonContent.css b/css/leptonContent.css index 9532742..53e442d 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -1993,17 +1993,13 @@ @supports -moz-bool-pref("userContent.page.field_border") { @media (prefers-reduced-motion: no-preference) { @-moz-document url-prefix("about:") { + html|input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):not(#newtab-search-text):hover, + html|textarea:hover, xul|search-textbox:hover { border-color: var(--in-content-focus-outline-color) !important; transition: border-color 0.5s var(--animation-easing-function); } } - @-moz-document url-prefix("about:config") { - #about-config-search:hover { - border-color: var(--in-content-focus-outline-color) !important; - transition: border-color 0.5s var(--animation-easing-function); - } - } } } /*= View Source ==============================================================*/ diff --git a/src/contents/proton_contents/_field_border.scss b/src/contents/proton_contents/_field_border.scss index 65877e0..3b60cc4 100644 --- a/src/contents/proton_contents/_field_border.scss +++ b/src/contents/proton_contents/_field_border.scss @@ -1,12 +1,8 @@ @-moz-document url-prefix("about:") { + html|input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):not(#newtab-search-text):hover, + html|textarea:hover, xul|search-textbox:hover { border-color: var(--in-content-focus-outline-color) !important; transition: border-color 0.5s var(--animation-easing-function); } } -@-moz-document url-prefix("about:config") { - #about-config-search:hover { - border-color: var(--in-content-focus-outline-color) !important; - transition: border-color 0.5s var(--animation-easing-function); - } -} From bd6dd60b9246a6e1f59bedd156668e5e0b1a72bd Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 28 Jun 2022 03:06:48 +0900 Subject: [PATCH 3/3] Fix: Icons - Place tag contextmenu icons --- css/leptonChrome.css | 6 ++++++ css/leptonContent.css | 6 ++++++ src/icons/context_menu/_place.scss | 4 ++++ 3 files changed, 16 insertions(+) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 741b72b..9ddf186 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -6821,6 +6821,10 @@ --menuitem-image: url("chrome://browser/skin/new-tab.svg"); } + #placesContext_open\:newcontainertab { + --menuitem-image: url("../icons/container-openin-16.svg"); + } + #placesContext_open\:newwindow { --menuitem-image: url("chrome://browser/skin/window.svg"); } @@ -6866,10 +6870,12 @@ --menuitem-image: url("chrome://browser/skin/bookmark.svg"); } + #placesContext_showInFolder, #placesContext_new\:folder { --menuitem-image: url("chrome://global/skin/icons/folder.svg"); } @supports -moz-bool-pref("userChrome.icon.library") { + #placesContext_showInFolder, #placesContext_new\:folder { --menuitem-image: url("../icons/folder.svg"); } diff --git a/css/leptonContent.css b/css/leptonContent.css index 53e442d..285dcab 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -2486,6 +2486,10 @@ --menuitem-image: url("chrome://browser/skin/new-tab.svg"); } + #placesContext_open\:newcontainertab { + --menuitem-image: url("../icons/container-openin-16.svg"); + } + #placesContext_open\:newwindow { --menuitem-image: url("chrome://browser/skin/window.svg"); } @@ -2531,10 +2535,12 @@ --menuitem-image: url("chrome://browser/skin/bookmark.svg"); } + #placesContext_showInFolder, #placesContext_new\:folder { --menuitem-image: url("chrome://global/skin/icons/folder.svg"); } @supports -moz-bool-pref("userChrome.icon.library") { + #placesContext_showInFolder, #placesContext_new\:folder { --menuitem-image: url("../icons/folder.svg"); } diff --git a/src/icons/context_menu/_place.scss b/src/icons/context_menu/_place.scss index cef867e..b6e6d56 100644 --- a/src/icons/context_menu/_place.scss +++ b/src/icons/context_menu/_place.scss @@ -11,6 +11,9 @@ #placesContext_openLinks\:tabs { --menuitem-image: url("chrome://browser/skin/new-tab.svg"); } +#placesContext_open\:newcontainertab { + --menuitem-image: url("../icons/container-openin-16.svg"); +} #placesContext_open\:newwindow { --menuitem-image: url("chrome://browser/skin/window.svg"); } @@ -49,6 +52,7 @@ #placesContext_new\:bookmark { --menuitem-image: url("chrome://browser/skin/bookmark.svg"); } +#placesContext_showInFolder, #placesContext_new\:folder { --menuitem-image: url("chrome://global/skin/icons/folder.svg"); @include Option("userChrome.icon.library") {