diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 36b1950..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.share") { + @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,6 +7093,12 @@ --menuitem-image: url("../icons/undo.svg"); } + @supports -moz-bool-pref("userChrome.icon.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 +7125,12 @@ --menuitem-image: url("../icons/undo.svg"); } + @supports -moz-bool-pref("userChrome.icon.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"); } @@ -7249,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/css/leptonContent.css b/css/leptonContent.css index b19f69a..9646ab2 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -766,13 +766,15 @@ /* 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; } /* Text */ + input, + textarea, .AutoSearchInput-query, .AutoSearchInput-suggestions-list, .Page-content h1, @@ -781,6 +783,7 @@ .Home-SubjectShelf-link:link, .Home-SubjectShelf-link:visited, .DropdownMenuItem-link a, + .DropdownMenuItem-link button, .Select, .Badge, .Notice-generic, @@ -806,6 +809,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), @@ -822,6 +826,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, @@ -863,12 +868,15 @@ } /* Background */ - .Button--action { + .Button--action, + .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; } .Select, + .Button--primary, .Button--neutral, .Button--neutral:link, .Notice-button, @@ -876,6 +884,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 { @@ -883,7 +892,9 @@ } .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, + .DevHub-MyAddons-item-buttons-submit .Button:hover { background: var(--in-content-primary-button-background-hover) !important; } @@ -891,6 +902,8 @@ background: linear-gradient(rgba(255, 255, 255, 0), var(--in-content-table-background)) !important; } + input, + textarea, .AutoSearchInput-query, .AutoSearchInput-suggestions-list, .SecondaryHero-module, @@ -961,15 +974,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; } @@ -992,6 +1019,12 @@ } /* /developers/ */ + .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; + } + .DevHub-Navigation, .DevHub-submit-addon, .DevHub-get-involved, @@ -1000,12 +1033,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, @@ -1014,12 +1051,233 @@ 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; } + + 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/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/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/contents/dark_mode/_addons_org.scss b/src/contents/dark_mode/_addons_org.scss index 6f48de5..eef1533 100644 --- a/src/contents/dark_mode/_addons_org.scss +++ b/src/contents/dark_mode/_addons_org.scss @@ -4,13 +4,15 @@ /* 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; } /* 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), @@ -59,6 +63,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,29 +103,37 @@ } /* Background */ - .Button--action { + .Button--action, + .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; } .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, + .DevHub-MyAddons-item-buttons-submit .Button:hover { background: var(--in-content-primary-button-background-hover) !important; } .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, @@ -185,13 +198,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; } @@ -213,6 +239,12 @@ } /* /developers/ */ + .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; + } + .DevHub-Navigation, .DevHub-submit-addon, .DevHub-get-involved, @@ -220,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, @@ -233,10 +268,215 @@ .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; } + + 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; + } + } } 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 f376873..262b58d 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.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.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..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.share") { +@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 a288624..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.share", true); +// user_pref("userChrome.icon.menu.full", true); // -- User Content ------------------------------------------------------------- // user_pref("userContent.player.ui.twoline", true);