From f891bbe2d599f44b0b659e06c3bee0c21cfb3ab6 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 23 Jun 2022 00:05:43 +0900 Subject: [PATCH 1/6] Fix: Icons - Redo icon, `icon.context_menu.share` -> `icon.context_menu.full` #418 --- css/leptonChrome.css | 14 +++++++++++++- icons/redo.svg | 4 ++++ src/icons/context_menu/_others.scss | 6 ++++++ src/icons/context_menu/_tab_toolbar.scss | 2 +- user.js | 2 +- 5 files changed, 25 insertions(+), 3 deletions(-) create mode 100644 icons/redo.svg diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 36b1950..92ce93d 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -6377,7 +6377,7 @@ --menuitem-image: url("../icons/share.svg"); } - @supports -moz-bool-pref("userChrome.icon.context_menu.share") { + @supports -moz-bool-pref("userChrome.icon.context_menu.full") { #context_shareTabURL, menuitem.share-tab-url-item { --menuitem-image: url("../icons/share.svg"); @@ -7087,6 +7087,12 @@ --menuitem-image: url("../icons/undo.svg"); } + @supports -moz-bool-pref("userChrome.icon.context_menu.full") { + #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_redo"] { + --menuitem-image: url("../icons/redo.svg"); + } + } + #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_cut"] { --menuitem-image: url("chrome://browser/skin/edit-cut.svg"); } @@ -7113,6 +7119,12 @@ --menuitem-image: url("../icons/undo.svg"); } + @supports -moz-bool-pref("userChrome.icon.context_menu.full") { + .textbox-contextmenu > menuitem[data-l10n-id="text-action-redo"] { + --menuitem-image: url("../icons/redo.svg"); + } + } + .textbox-contextmenu > menuitem[data-l10n-id="text-action-cut"] { --menuitem-image: url("chrome://browser/skin/edit-cut.svg"); } diff --git a/icons/redo.svg b/icons/redo.svg new file mode 100644 index 0000000..63a4345 --- /dev/null +++ b/icons/redo.svg @@ -0,0 +1,4 @@ + + \ No newline at end of file diff --git a/src/icons/context_menu/_others.scss b/src/icons/context_menu/_others.scss index f376873..d40f9ed 100644 --- a/src/icons/context_menu/_others.scss +++ b/src/icons/context_menu/_others.scss @@ -173,6 +173,9 @@ --menuitem-image: url("../icons/undo.svg"); } #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_redo"] { + @include Option("userChrome.icon.context_menu.full") { + --menuitem-image: url("../icons/redo.svg"); + } } #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_cut"] { @@ -199,6 +202,9 @@ --menuitem-image: url("../icons/undo.svg"); } .textbox-contextmenu > menuitem[data-l10n-id="text-action-redo"] { + @include Option("userChrome.icon.context_menu.full") { + --menuitem-image: url("../icons/redo.svg"); + } } .textbox-contextmenu > menuitem[data-l10n-id="text-action-cut"] { diff --git a/src/icons/context_menu/_tab_toolbar.scss b/src/icons/context_menu/_tab_toolbar.scss index 95eeec6..be0cfc6 100644 --- a/src/icons/context_menu/_tab_toolbar.scss +++ b/src/icons/context_menu/_tab_toolbar.scss @@ -44,7 +44,7 @@ /* At windows */ --menuitem-image: url("../icons/share.svg"); } -@include Option("userChrome.icon.context_menu.share") { +@include Option("userChrome.icon.context_menu.full") { #context_shareTabURL, /* Legacy */ menuitem.share-tab-url-item { --menuitem-image: url("../icons/share.svg"); diff --git a/user.js b/user.js index a288624..200fc39 100644 --- a/user.js +++ b/user.js @@ -108,7 +108,7 @@ user_pref("userChrome.tab.bottom_rounded_corner", true); // user_pref("userChrome.icon.account_image_to_right", true); // user_pref("userChrome.icon.account_label_to_right", true); -// user_pref("userChrome.icon.context_menu.share", true); +// user_pref("userChrome.icon.context_menu.full", true); // -- User Content ------------------------------------------------------------- // user_pref("userContent.player.ui.twoline", true); From c069ce7e8919643d3e8f4e4abb0ccbae81f8775f Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 23 Jun 2022 01:29:34 +0900 Subject: [PATCH 2/6] Fix: Addon.org - Dev Hub main page darkmode #365 --- css/leptonContent.css | 24 +++++++++++++++++++++--- icons/addons-logo.svg | 1 + src/contents/dark_mode/_addons_org.scss | 23 ++++++++++++++++++++--- 3 files changed, 42 insertions(+), 6 deletions(-) create mode 100644 icons/addons-logo.svg diff --git a/css/leptonContent.css b/css/leptonContent.css index e94b872..01b16b4 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -840,6 +840,7 @@ .AddonTitle a, .TooltipMenu-opener, .LanguageTools .Card-contents a, + .Button--primary, .blog-entry-read-more-link, .blogpost-nav-next.blogpost-nav-no-prev:hover p, .blogpost-content-wrapper p a, @@ -881,12 +882,14 @@ } /* Background */ - .Button--action { + .Button--action, + .DevHub-Navigation ul li.DevHub-Navigation-Register .Button { color: var(--in-content-primary-button-text-color) !important; background: var(--in-content-primary-button-background) !important; } .Select, + .Button--primary, .Button--neutral, .Button--neutral:link, .Notice-button, @@ -894,6 +897,7 @@ background-color: var(--in-content-button-background) !important; } + .Button--primary:hover, .Button--neutral.Button--micro:not(.Button--disabled):hover, .Button--neutral:not(.Button--disabled):hover, .Notice-button:hover { @@ -901,7 +905,8 @@ } .Button--action.Button--micro:not(.Button--disabled):hover, - .Button--action:not(.Button--disabled):hover { + .Button--action:not(.Button--disabled):hover, + .DevHub-Navigation ul li.DevHub-Navigation-Register .Button:hover { background: var(--in-content-primary-button-background-hover) !important; } @@ -1010,6 +1015,12 @@ } /* /developers/ */ + .DevHub-Navigation-Logo > .Logo { + -moz-context-properties: fill !important; + fill: var(--in-content-primary-button-background) !important; + background-image: url("../icons/addons-logo.svg") !important; + } + .DevHub-Navigation, .DevHub-submit-addon, .DevHub-get-involved, @@ -1032,10 +1043,17 @@ color: var(--in-content-page-color) !important; } + .DevHub-content-copy p, + .DevHub-callout-box p { + color: var(--in-content-deemphasized-text) !important; + } + .DevHub-Banner a, .DevHub-Footer a, .DevHub-MyAddons-list a, - .DevHub-MyAddons-item-buttons-all { + .DevHub-MyAddons-item-buttons-all, + .DevHub-content-copy a, + .DevHub-callout-box a { color: var(--in-content-link-color) !important; } } diff --git a/icons/addons-logo.svg b/icons/addons-logo.svg new file mode 100644 index 0000000..4c643af --- /dev/null +++ b/icons/addons-logo.svg @@ -0,0 +1 @@ + diff --git a/src/contents/dark_mode/_addons_org.scss b/src/contents/dark_mode/_addons_org.scss index 6f48de5..f200eef 100644 --- a/src/contents/dark_mode/_addons_org.scss +++ b/src/contents/dark_mode/_addons_org.scss @@ -59,6 +59,7 @@ .AddonTitle a, .TooltipMenu-opener, .LanguageTools .Card-contents a, + .Button--primary, .blog-entry-read-more-link, .blogpost-nav-next.blogpost-nav-no-prev:hover p, .blogpost-content-wrapper p a, @@ -98,24 +99,28 @@ } /* Background */ - .Button--action { + .Button--action, + .DevHub-Navigation ul li.DevHub-Navigation-Register .Button { color: var(--in-content-primary-button-text-color) !important; background: var(--in-content-primary-button-background) !important; } .Select, + .Button--primary, .Button--neutral, .Button--neutral:link, .Notice-button, .AMInstallButton .AMInstallButton-loading-button { background-color: var(--in-content-button-background) !important; } + .Button--primary:hover, .Button--neutral.Button--micro:not(.Button--disabled):hover, .Button--neutral:not(.Button--disabled):hover, .Notice-button:hover { background: var(--in-content-button-background-hover) !important; } .Button--action.Button--micro:not(.Button--disabled):hover, - .Button--action:not(.Button--disabled):hover { + .Button--action:not(.Button--disabled):hover, + .DevHub-Navigation ul li.DevHub-Navigation-Register .Button:hover { background: var(--in-content-primary-button-background-hover) !important; } .ShowMoreCard-contents::after { @@ -213,6 +218,12 @@ } /* /developers/ */ + .DevHub-Navigation-Logo > .Logo { + -moz-context-properties: fill !important; + fill: var(--in-content-primary-button-background) !important; + background-image: url("../icons/addons-logo.svg") !important; + } + .DevHub-Navigation, .DevHub-submit-addon, .DevHub-get-involved, @@ -233,10 +244,16 @@ .DevHub-content-copy h2 { color: var(--in-content-page-color) !important; } + .DevHub-content-copy p, + .DevHub-callout-box p { + color: var(--in-content-deemphasized-text) !important; + } .DevHub-Banner a, .DevHub-Footer a, .DevHub-MyAddons-list a, - .DevHub-MyAddons-item-buttons-all { + .DevHub-MyAddons-item-buttons-all, + .DevHub-content-copy a, + .DevHub-callout-box a { color: var(--in-content-link-color) !important; } } From 28de9cb801d96ad7ae8e5831b0103f437a9e773b Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 23 Jun 2022 02:28:42 +0900 Subject: [PATCH 3/6] Fix: Addon.org - Edit My Profile darkmode #365 --- css/leptonContent.css | 24 ++++++++++++++++++++++-- src/contents/dark_mode/_addons_org.scss | 23 +++++++++++++++++++++-- 2 files changed, 43 insertions(+), 4 deletions(-) diff --git a/css/leptonContent.css b/css/leptonContent.css index 01b16b4..61d11d7 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -791,6 +791,8 @@ } /* Text */ + input, + textarea, .AutoSearchInput-query, .AutoSearchInput-suggestions-list, .Page-content h1, @@ -799,6 +801,7 @@ .Home-SubjectShelf-link:link, .Home-SubjectShelf-link:visited, .DropdownMenuItem-link a, + .DropdownMenuItem-link button, .Select, .Badge, .Notice-generic, @@ -824,6 +827,7 @@ .SearchResult:hover .SearchResult-link, .Home-SubjectShelf-link:is(:active, :focus, :hover), .DropdownMenuItem-link a:is(:active, :focus, :hover), + .DropdownMenuItem-link button:is(:active, :focus, :hover), .AddonMeta .MetadataCard-title a:is(:active, :hover), .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link:is(:active, :hover), .AddonMeta .MetadataCard-content a:is(:active, :hover), @@ -914,6 +918,8 @@ background: linear-gradient(rgba(255, 255, 255, 0), var(--in-content-table-background)) !important; } + input, + textarea, .AutoSearchInput-query, .AutoSearchInput-suggestions-list, .SecondaryHero-module, @@ -984,15 +990,29 @@ box-shadow: 0 0 2px var(--in-content-border-color) !important; } + input, + textarea { + border-color: var(--in-content-box-border-color) !important; + } + + .UserProfileEdit input:disabled, + .UserProfileEdit textarea:disabled { + background-color: var(--in-content-box-background-odd) !important; + } + .AutoSearchInput-query { border: 1px solid var(--in-content-table-background) !important; } - .AutoSearchInput-query:is(:hover, :focus) { + .AutoSearchInput-query:is(:hover, :focus), + .UserProfileEditNotifications .UserProfileEditNotification-input:checked ~ .UserProfileEditNotification-checkbox { border-color: var(--in-content-primary-button-background) !important; } - .AutoSearchInput-query:focus { + .UserProfileEdit input:focus, + .UserProfileEdit textarea:focus, + .AutoSearchInput-query:focus, + .UserProfileEditNotifications .UserProfileEditNotification-input:focus ~ .UserProfileEditNotification-checkbox { box-shadow: inset 0 0 0 1px var(--in-content-primary-button-background), 0 0 0 1px var(--in-content-primary-button-background), 0 0 0 4px rgba(0, 211, 255, 0.3) !important; } diff --git a/src/contents/dark_mode/_addons_org.scss b/src/contents/dark_mode/_addons_org.scss index f200eef..d6518d2 100644 --- a/src/contents/dark_mode/_addons_org.scss +++ b/src/contents/dark_mode/_addons_org.scss @@ -11,6 +11,8 @@ } /* Text */ + input, + textarea, .AutoSearchInput-query, .AutoSearchInput-suggestions-list, .Page-content h1, @@ -19,6 +21,7 @@ .Home-SubjectShelf-link:link, .Home-SubjectShelf-link:visited, .DropdownMenuItem-link a, + .DropdownMenuItem-link button, .Select, .Badge, .Notice-generic, @@ -43,6 +46,7 @@ .SearchResult:hover .SearchResult-link, .Home-SubjectShelf-link:is(:active, :focus, :hover), .DropdownMenuItem-link a:is(:active, :focus, :hover), + .DropdownMenuItem-link button:is(:active, :focus, :hover), .AddonMeta .MetadataCard-title a:is(:active, :hover), .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link:is(:active, :hover), .AddonMeta .MetadataCard-content a:is(:active, :hover), @@ -126,6 +130,8 @@ .ShowMoreCard-contents::after { background: linear-gradient(hsla(0, 0%, 100%, 0), var(--in-content-table-background)) !important; } + input, + textarea, .AutoSearchInput-query, .AutoSearchInput-suggestions-list, .SecondaryHero-module, @@ -190,13 +196,26 @@ box-shadow: 0 0 2px var(--in-content-border-color) !important; } + input, + textarea { + border-color: var(--in-content-box-border-color) !important; + } + .UserProfileEdit input:disabled, + .UserProfileEdit textarea:disabled { + background-color: var(--in-content-box-background-odd) !important; + } + .AutoSearchInput-query { border: 1px solid var(--in-content-table-background) !important; } - .AutoSearchInput-query:is(:hover, :focus) { + .AutoSearchInput-query:is(:hover, :focus), + .UserProfileEditNotifications .UserProfileEditNotification-input:checked ~ .UserProfileEditNotification-checkbox { border-color: var(--in-content-primary-button-background) !important; } - .AutoSearchInput-query:focus { + .UserProfileEdit input:focus, + .UserProfileEdit textarea:focus, + .AutoSearchInput-query:focus, + .UserProfileEditNotifications .UserProfileEditNotification-input:focus ~ .UserProfileEditNotification-checkbox { box-shadow: inset 0 0 0 1px var(--in-content-primary-button-background), 0 0 0 1px var(--in-content-primary-button-background), 0 0 0 4px rgba(0, 211, 255, 0.3) !important; } From ec86db2504ad70df967e965f4a5f23f4da1002c4 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 24 Jun 2022 00:41:02 +0900 Subject: [PATCH 4/6] Fix: Addon.org - Debeloper hub, Statistics #365 --- css/leptonContent.css | 230 +++++++++++++++++++++++- src/contents/dark_mode/_addons_org.scss | 214 +++++++++++++++++++++- 2 files changed, 434 insertions(+), 10 deletions(-) diff --git a/css/leptonContent.css b/css/leptonContent.css index 61d11d7..ec74153 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -784,7 +784,7 @@ /* Basic */ .Page-content, .SecondaryHero, - body:not(.developer-hub):not(.statistics), + body, main[aria-label="Content"] { color: var(--in-content-page-color) !important; background: var(--in-content-page-background) !important; @@ -887,7 +887,8 @@ /* Background */ .Button--action, - .DevHub-Navigation ul li.DevHub-Navigation-Register .Button { + .DevHub-Navigation ul li.DevHub-Navigation-Register .Button, + .DevHub-MyAddons-item-buttons-submit .Button { color: var(--in-content-primary-button-text-color) !important; background: var(--in-content-primary-button-background) !important; } @@ -910,7 +911,8 @@ .Button--action.Button--micro:not(.Button--disabled):hover, .Button--action:not(.Button--disabled):hover, - .DevHub-Navigation ul li.DevHub-Navigation-Register .Button:hover { + .DevHub-Navigation ul li.DevHub-Navigation-Register .Button:hover, + .DevHub-MyAddons-item-buttons-submit .Button:hover { background: var(--in-content-primary-button-background-hover) !important; } @@ -1049,12 +1051,16 @@ color: var(--in-content-page-color) !important; } - .DevHub-Footer, - .DevHub-callout-box { + .DevHub-Footer { background: var(--in-content-box-background) !important; color: var(--in-content-page-color) !important; } + .DevHub-callout-box { + background: var(--in-content-box-background-odd) !important; + color: var(--in-content-page-color) !important; + } + .DevHub-Navigation.scheme-light ul li a, .DevHub-Footer-sections-header, .DevHub-Footer-section h4, @@ -1076,6 +1082,220 @@ .DevHub-callout-box a { color: var(--in-content-link-color) !important; } + + body:is(.developer-hub, .statistics) { + /* Elements */ + /* .developer-hub */ + /* Text */ + /* .developer-hub */ + /* Background */ + /* Border */ + /* Othres */ + } + body:is(.developer-hub, .statistics) #main-wrapper, + body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul::after, + body:is(.developer-hub, .statistics) .menu-nav > ul > li:hover::after, + body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul, + body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul a, + body:is(.developer-hub, .statistics) .menu-nav em, + body:is(.developer-hub, .statistics) .primary, + body:is(.developer-hub, .statistics) .secondary, + body:is(.developer-hub, .statistics) .dashboard .listing .item { + 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 { + background: var(--in-content-box-background-odd) !important; + } + body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul::after, + body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul { + box-shadow: 0 0 3px var(--in-content-border-color) !important; + } + body:is(.developer-hub, .statistics) #footer { + background: linear-gradient( + to bottom, + var(--in-content-page-background) 0, + var(--in-content-page-background) 123px, + #0c99d5 123px, + #0c99d5 200px, + var(--in-content-page-background) 200px, + rgba(12, 153, 213, 0) 400px + ) !important; + } + body:is(.developer-hub, .statistics) #homepage h2, + body:is(.developer-hub, .statistics) header h2, + body:is(.developer-hub, .statistics) .primary h2, + body:is(.developer-hub, .statistics) h1, + 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) .dashboard .listing .item, + body:is(.developer-hub, .statistics) .dashboard .listing .item:hover h5, + body:is(.developer-hub, .statistics) .island.criteria li, + body:is(.developer-hub, .statistics) .two-up div { + color: var(--in-content-page-color) !important; + } + body:is(.developer-hub, .statistics) .item-actions h5, + body:is(.developer-hub, .statistics) .item-actions > ul, + 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) .island.criteria li a.inactive { + color: var(--in-content-deemphasized-text) !important; + } + body:is(.developer-hub, .statistics) section[role="main"] a, + body:is(.developer-hub, .statistics) header a, + body:is(.developer-hub, .statistics) .more-info, + 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) .dashboard .listing .item:hover a, + body:is(.developer-hub, .statistics) .dashboard .listing .item:hover .item-actions a, + body:is(.developer-hub, .statistics) #create-addon a, + body:is(.developer-hub, .statistics) .html-support { + color: var(--in-content-link-color) !important; + } + body:is(.developer-hub, .statistics) .dashboard .listing .item:hover a { + color: var(--in-content-link-color-hover) !important; + } + body:is(.developer-hub, .statistics) .dashboard .listing .item .item-info .downloads, + body:is(.developer-hub, .statistics) .dashboard .listing .item .item-info .price, + body:is(.developer-hub, .statistics) .dashboard .listing .item .item-info .users { + color: var(--green-60) !important; + } + body:is(.developer-hub, .statistics) .status-admin-disabled b, + body:is(.developer-hub, .statistics) .status-disabled b, + body:is(.developer-hub, .statistics) .status-incomplete b, + body:is(.developer-hub, .statistics) .status-purgatory b { + color: var(--red-60) !important; + } + body:is(.developer-hub, .statistics) .submission-type-tabs a.active, + body:is(.developer-hub, .statistics) .island.criteria li.selected a { + color: var(--orange-50) !important; + } + body:is(.developer-hub, .statistics) .secondary .addon-status, + body:is(.developer-hub, .statistics) .devhub-form .item, + body:is(.developer-hub, .statistics) #icons_default { + border-color: var(--in-content-border-color) !important; + background: var(--in-content-box-background) !important; + } + body:is(.developer-hub, .statistics) .highlight, + body:is(.developer-hub, .statistics) .listing-footer, + body:is(.developer-hub, .statistics) .tab-wrapper .fm-control { + color: var(--in-content-page-color) !important; + background: var(--in-content-box-info-background) !important; + } + body:is(.developer-hub, .statistics) .submission-type-tabs a, + body:is(.developer-hub, .statistics) #head-chart { + background: var(--in-content-page-background) !important; + } + body:is(.developer-hub, .statistics) #head-chart rect { + fill: var(--in-content-page-background) !important; + } + body:is(.developer-hub, .statistics) #head-chart text { + fill: var(--in-content-deemphasized-text) !important; + } + body:is(.developer-hub, .statistics) #head-chart .highcharts-legend .highcharts-legend-item:hover text { + fill: var(--in-content-page-color) !important; + paint-order: stroke !important; + stroke: var(--in-content-page-color) !important; + stroke-width: 0.4px !important; + stroke-linecap: butt !important; + stroke-linejoin: miter !important; + } + body:is(.developer-hub, .statistics) + #head-chart + .highcharts-legend + .highcharts-legend-item + path[stroke="#CCC"] + ~ text { + fill: #ccc !important; + } + body:is(.developer-hub, .statistics) #icons_default li a:hover, + body:is(.developer-hub, .statistics) #side-nav .active a, + body:is(.developer-hub, .statistics) .addon-submission-process .tip, + body:is(.developer-hub, .statistics) .devhub-form .tip, + body:is(.developer-hub, .statistics) a.remove, + body:is(.developer-hub, .statistics) span.remove, + body:is(.developer-hub, .statistics) ul.errorlist li span.tip { + background-color: var(--in-content-box-info-background) !important; + } + body:is(.developer-hub, .statistics) a.remove:hover, + body:is(.developer-hub, .statistics) span.tip:hover { + 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 div.item, + body:is(.developer-hub, .statistics) .devhub-form .listing-footer { + border-color: var(--in-content-border-color) !important; + } + body:is(.developer-hub, .statistics) #background-wrapper, + body:is(.developer-hub, .statistics) #main-wrapper { + border-color: var(--in-content-page-background) !important; + } + body:is(.developer-hub, .statistics) .item-actions a.more-actions:hover:after, + body:is(.developer-hub, .statistics) .item-actions button.link.more-actions:hover:after, + body:is(.developer-hub, .statistics) #change-locale::after { + border-top-color: var(--in-content-link-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, + body:is(.developer-hub, .statistics) .button, + body:is(.developer-hub, .statistics) .cta a.button:link, + body:is(.developer-hub, .statistics) .cta a.button:visited, + body:is(.developer-hub, .statistics) .linux .button.linux, + body:is(.developer-hub, .statistics) .mac .button.mac, + body:is(.developer-hub, .statistics) .other .button.bsd, + body:is(.developer-hub, .statistics) .other .button.solaris, + body:is(.developer-hub, .statistics) .sidebar a.button, + body:is(.developer-hub, .statistics) .sidebar button, + body:is(.developer-hub, .statistics) .theme .choices button, + body:is(.developer-hub, .statistics) .theme-queue a.button, + body:is(.developer-hub, .statistics) .theme-queue button, + body:is(.developer-hub, .statistics) .windows .button.windows, + body:is(.developer-hub, .statistics) a.button:link, + body:is(.developer-hub, .statistics) a.button:visited, + body:is(.developer-hub, .statistics) a.delete-button.delete-addon, + body:is(.developer-hub, .statistics) button, + body:is(.developer-hub, .statistics) button.button, + body:is(.developer-hub, .statistics) input:not(.upvotes):not(.downvotes)[type="submit"] { + color: var(--in-content-primary-button-text-color) !important; + background: var(--in-content-primary-button-background) !important; + } + body:is(.developer-hub, .statistics) #promos .view-button a:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) #upload-file-finish.button:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) #upload-file-widget .button.prominent:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) .button:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) .cta a.button:link:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) .cta a.button:visited:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) .linux .button.linux:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) .mac .button.mac:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) .other .button.bsd:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) .other .button.solaris:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) .sidebar a.button:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) .sidebar button:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) .theme .choices button:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) .theme-queue a.button:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) .theme-queue button:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) .windows .button.windows:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) a.button:link:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) a.button:visited:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) a.delete-button.delete-addon:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) button:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) button.button:is(.selected, :focus, :hover), + body:is(.developer-hub, .statistics) + input:not(.upvotes):not(.downvotes)[type="submit"]:is(.selected, :focus, :hover) { + background: var(--in-content-primary-button-background-hover) !important; + } + body:is(.developer-hub, .statistics) .edit_with_prefix span, + body:is(.developer-hub, .statistics) .edit_with_suffix span { + border-color: var(--in-content-box-border-color) !important; + background-color: var(--in-content-box-background-odd) !important; + color: var(--in-content-deemphasized-text) !important; + padding-block: 3px !important; + cursor: not-allowed; + } } /*= 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 d6518d2..48cf4e1 100644 --- a/src/contents/dark_mode/_addons_org.scss +++ b/src/contents/dark_mode/_addons_org.scss @@ -4,7 +4,7 @@ /* Basic */ .Page-content, .SecondaryHero, - body:not(.developer-hub):not(.statistics), + body, main[aria-label="Content"] { color: var(--in-content-page-color) !important; background: var(--in-content-page-background) !important; @@ -104,7 +104,8 @@ /* Background */ .Button--action, - .DevHub-Navigation ul li.DevHub-Navigation-Register .Button { + .DevHub-Navigation ul li.DevHub-Navigation-Register .Button, + .DevHub-MyAddons-item-buttons-submit .Button { color: var(--in-content-primary-button-text-color) !important; background: var(--in-content-primary-button-background) !important; } @@ -124,7 +125,8 @@ } .Button--action.Button--micro:not(.Button--disabled):hover, .Button--action:not(.Button--disabled):hover, - .DevHub-Navigation ul li.DevHub-Navigation-Register .Button:hover { + .DevHub-Navigation ul li.DevHub-Navigation-Register .Button:hover, + .DevHub-MyAddons-item-buttons-submit .Button:hover { background: var(--in-content-primary-button-background-hover) !important; } .ShowMoreCard-contents::after { @@ -250,11 +252,14 @@ background: var(--in-content-page-background) !important; color: var(--in-content-page-color) !important; } - .DevHub-Footer, - .DevHub-callout-box { + .DevHub-Footer { background: var(--in-content-box-background) !important; color: var(--in-content-page-color) !important; } + .DevHub-callout-box { + background: var(--in-content-box-background-odd) !important; + color: var(--in-content-page-color) !important; + } .DevHub-Navigation.scheme-light ul li a, .DevHub-Footer-sections-header, @@ -275,4 +280,203 @@ .DevHub-callout-box a { color: var(--in-content-link-color) !important; } + + body:is(.developer-hub, .statistics) { + #main-wrapper, + .menu-nav > ul > li > ul::after, + .menu-nav > ul > li:hover::after, + .menu-nav > ul > li > ul, + .menu-nav > ul > li > ul a, + .menu-nav em, + .primary, .secondary, + .dashboard .listing .item { + background: var(--in-content-page-background) !important; + color: var(--in-content-page-color) !important; + } + + /* Elements */ + .menu-nav > ul > li > ul a:hover { + background: var(--in-content-box-background-odd) !important; + } + + .menu-nav > ul > li > ul::after, + .menu-nav > ul > li > ul { + box-shadow: 0 0 3px var(--in-content-border-color) !important; + } + + /* .developer-hub */ + #footer { + background: linear-gradient( + to bottom,var(--in-content-page-background) 0, + var(--in-content-page-background) 123px, + #0c99d5 123px, + #0c99d5 200px, + var(--in-content-page-background) 200px, + rgba(12,153,213,0) 400px + ) !important; + } + + /* Text */ + /* .developer-hub */ #homepage h2, + /* .developer-hub */ header h2, + .primary h2, + h1, + hgroup h2.addon, + hgroup h2.collection, + h3, + .dashboard .listing .item, + .dashboard .listing .item:hover h5, + .island.criteria li, + .two-up div { + color: var(--in-content-page-color) !important; + } + .item-actions h5, .item-actions > ul, .item-actions > ul > li, + .dashboard .listing .item .item-actions a, + .edit-media-details, + .island.criteria li a.inactive { + color: var(--in-content-deemphasized-text) !important; + } + + section[role="main"] a, + header a, + .more-info, + .primary a, + .secondary a, + .submission-type-tabs a, + .dashboard .listing .item:hover a, + .dashboard .listing .item:hover .item-actions a, + #create-addon a, + .html-support { + color: var(--in-content-link-color) !important; + } + .dashboard .listing .item:hover a { + color: var(--in-content-link-color-hover) !important; + } + + .dashboard .listing .item .item-info .downloads, + .dashboard .listing .item .item-info .price, + .dashboard .listing .item .item-info .users { + color: var(--green-60) !important; + } + + .status-admin-disabled b, + .status-disabled b, + .status-incomplete b, + .status-purgatory b { + color: var(--red-60) !important; + } + + .submission-type-tabs a.active, + .island.criteria li.selected a { + color: var(--orange-50) !important; + } + + /* Background */ + .secondary .addon-status, + .devhub-form .item, + #icons_default { + border-color: var(--in-content-border-color) !important; + background: var(--in-content-box-background) !important; + } + + .highlight, + .listing-footer, .tab-wrapper .fm-control { + color: var(--in-content-page-color) !important; + background: var(--in-content-box-info-background) !important; + } + + .submission-type-tabs a, + #head-chart { + background: var(--in-content-page-background) !important; + } + #head-chart { + rect { + fill: var(--in-content-page-background) !important; + } + text{ + fill: var(--in-content-deemphasized-text) !important; + } + .highcharts-legend .highcharts-legend-item:hover text { + fill: var(--in-content-page-color) !important; + paint-order: stroke !important; + stroke: var(--in-content-page-color) !important; + stroke-width: 0.4px !important; + stroke-linecap: butt !important; + stroke-linejoin: miter !important; + } + .highcharts-legend .highcharts-legend-item path[stroke="#CCC"] ~ text { + fill: #CCC !important; + } + } + + #icons_default li a:hover, + #side-nav .active a, + .addon-submission-process .tip, + .devhub-form .tip, + a.remove, + span.remove, + ul.errorlist li span.tip { + background-color: var(--in-content-box-info-background) !important; + } + a.remove:hover, span.tip:hover { + background-color: var(--in-content-primary-button-background-hover) !important; + } + + /* Border */ + .submission-type-tabs a, + .devhub-sidebar div.item, + .devhub-form .listing-footer { + border-color: var(--in-content-border-color) !important; + } + + #background-wrapper, + #main-wrapper { + border-color: var(--in-content-page-background) !important; + } + + .item-actions a.more-actions:hover:after, + .item-actions button.link.more-actions:hover:after, + #change-locale::after { + border-top-color: var(--in-content-link-color) !important; + } + + /* Othres */ + #promos .view-button a, + #upload-file-finish.button, + #upload-file-widget .button.prominent, + .button, + .cta a.button:link, + .cta a.button:visited, + .linux .button.linux, + .mac .button.mac, + .other .button.bsd, + .other .button.solaris, + .sidebar a.button, + .sidebar button, + .theme .choices button, + .theme-queue a.button, + .theme-queue button, + .windows .button.windows, + a.button:link, + a.button:visited, + a.delete-button.delete-addon, + button, + button.button, + input:not(.upvotes):not(.downvotes)[type="submit"] { + color: var(--in-content-primary-button-text-color) !important; + background: var(--in-content-primary-button-background) !important; + &:is(.selected, :focus, :hover) { + background: var(--in-content-primary-button-background-hover) !important; + } + } + + .edit_with_prefix span, + .edit_with_suffix span { + border-color: var(--in-content-box-border-color) !important; + background-color: var(--in-content-box-background-odd) !important; + color: var(--in-content-deemphasized-text) !important; + padding-block: 3px !important; + cursor: not-allowed; + } + } } From 5730a657e71dc1b90277b9089e3735c7e6250cdc Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 24 Jun 2022 00:51:50 +0900 Subject: [PATCH 5/6] Fix: Icons - Missing redo icon, `icon.context_menu.full` -> `icon.menu.full` #418 --- css/leptonChrome.css | 18 +++++++++++++++--- src/icons/_global_menu.scss | 3 +++ src/icons/context_menu/_content_area.scss | 3 +++ src/icons/context_menu/_others.scss | 4 ++-- src/icons/context_menu/_tab_toolbar.scss | 2 +- user.js | 2 +- 6 files changed, 25 insertions(+), 7 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 92ce93d..741b72b 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -6377,7 +6377,7 @@ --menuitem-image: url("../icons/share.svg"); } - @supports -moz-bool-pref("userChrome.icon.context_menu.full") { + @supports -moz-bool-pref("userChrome.icon.menu.full") { #context_shareTabURL, menuitem.share-tab-url-item { --menuitem-image: url("../icons/share.svg"); @@ -6699,6 +6699,12 @@ --menuitem-image: url("../icons/undo.svg"); } + @supports -moz-bool-pref("userChrome.icon.menu.full") { + #context-redo { + --menuitem-image: url("../icons/redo.svg"); + } + } + #context-cut { --menuitem-image: url("chrome://browser/skin/edit-cut.svg"); } @@ -7087,7 +7093,7 @@ --menuitem-image: url("../icons/undo.svg"); } - @supports -moz-bool-pref("userChrome.icon.context_menu.full") { + @supports -moz-bool-pref("userChrome.icon.menu.full") { #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_redo"] { --menuitem-image: url("../icons/redo.svg"); } @@ -7119,7 +7125,7 @@ --menuitem-image: url("../icons/undo.svg"); } - @supports -moz-bool-pref("userChrome.icon.context_menu.full") { + @supports -moz-bool-pref("userChrome.icon.menu.full") { .textbox-contextmenu > menuitem[data-l10n-id="text-action-redo"] { --menuitem-image: url("../icons/redo.svg"); } @@ -7261,6 +7267,12 @@ --menuitem-image: url("../icons/undo.svg"); } + @supports -moz-bool-pref("userChrome.icon.menu.full") { + #menu_redo { + --menuitem-image: url("../icons/redo.svg"); + } + } + #menu_cut { --menuitem-image: url("chrome://browser/skin/edit-cut.svg"); } diff --git a/src/icons/_global_menu.scss b/src/icons/_global_menu.scss index 805f69d..00aa9f5 100644 --- a/src/icons/_global_menu.scss +++ b/src/icons/_global_menu.scss @@ -61,6 +61,9 @@ --menuitem-image: url("../icons/undo.svg"); } #menu_redo { + @include Option("userChrome.icon.menu.full") { + --menuitem-image: url("../icons/redo.svg"); + } } #menu_cut { diff --git a/src/icons/context_menu/_content_area.scss b/src/icons/context_menu/_content_area.scss index 43cc7a2..416a09e 100644 --- a/src/icons/context_menu/_content_area.scss +++ b/src/icons/context_menu/_content_area.scss @@ -170,6 +170,9 @@ --menuitem-image: url("../icons/undo.svg"); } #context-redo { + @include Option("userChrome.icon.menu.full") { + --menuitem-image: url("../icons/redo.svg"); + } } #context-cut { diff --git a/src/icons/context_menu/_others.scss b/src/icons/context_menu/_others.scss index d40f9ed..262b58d 100644 --- a/src/icons/context_menu/_others.scss +++ b/src/icons/context_menu/_others.scss @@ -173,7 +173,7 @@ --menuitem-image: url("../icons/undo.svg"); } #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_redo"] { - @include Option("userChrome.icon.context_menu.full") { + @include Option("userChrome.icon.menu.full") { --menuitem-image: url("../icons/redo.svg"); } } @@ -202,7 +202,7 @@ --menuitem-image: url("../icons/undo.svg"); } .textbox-contextmenu > menuitem[data-l10n-id="text-action-redo"] { - @include Option("userChrome.icon.context_menu.full") { + @include Option("userChrome.icon.menu.full") { --menuitem-image: url("../icons/redo.svg"); } } diff --git a/src/icons/context_menu/_tab_toolbar.scss b/src/icons/context_menu/_tab_toolbar.scss index be0cfc6..b82fe30 100644 --- a/src/icons/context_menu/_tab_toolbar.scss +++ b/src/icons/context_menu/_tab_toolbar.scss @@ -44,7 +44,7 @@ /* At windows */ --menuitem-image: url("../icons/share.svg"); } -@include Option("userChrome.icon.context_menu.full") { +@include Option("userChrome.icon.menu.full") { #context_shareTabURL, /* Legacy */ menuitem.share-tab-url-item { --menuitem-image: url("../icons/share.svg"); diff --git a/user.js b/user.js index 200fc39..75b6d71 100644 --- a/user.js +++ b/user.js @@ -108,7 +108,7 @@ user_pref("userChrome.tab.bottom_rounded_corner", true); // user_pref("userChrome.icon.account_image_to_right", true); // user_pref("userChrome.icon.account_label_to_right", true); -// user_pref("userChrome.icon.context_menu.full", true); +// user_pref("userChrome.icon.menu.full", true); // -- User Content ------------------------------------------------------------- // user_pref("userContent.player.ui.twoline", true); From 2c4d92081d9fd70c3b75f77b182d42be1d55800a Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 24 Jun 2022 11:54:54 +0900 Subject: [PATCH 6/6] Fix: Addon.org - Devhub logo background image #365 --- css/leptonContent.css | 2 +- src/contents/dark_mode/_addons_org.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/css/leptonContent.css b/css/leptonContent.css index ec74153..a41298b 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -1037,7 +1037,7 @@ } /* /developers/ */ - .DevHub-Navigation-Logo > .Logo { + .DevHub-Navigation-Logo > .Logo::before { -moz-context-properties: fill !important; fill: var(--in-content-primary-button-background) !important; background-image: url("../icons/addons-logo.svg") !important; diff --git a/src/contents/dark_mode/_addons_org.scss b/src/contents/dark_mode/_addons_org.scss index 48cf4e1..eef1533 100644 --- a/src/contents/dark_mode/_addons_org.scss +++ b/src/contents/dark_mode/_addons_org.scss @@ -239,7 +239,7 @@ } /* /developers/ */ - .DevHub-Navigation-Logo > .Logo { + .DevHub-Navigation-Logo > .Logo::before { -moz-context-properties: fill !important; fill: var(--in-content-primary-button-background) !important; background-image: url("../icons/addons-logo.svg") !important;