mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-01-30 12:20:36 -08:00
Merge branch 'master' into refactoring
This commit is contained in:
alstjr7375
commit
8894ba391a
10 changed files with 558 additions and 19 deletions
|
|
@ -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");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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")
|
||||
|
|
|
|||
1
icons/addons-logo.svg
Normal file
1
icons/addons-logo.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="581" width="598"><path fill="context-fill" d="M119.31 4.67c8.3 3.84 14.62 10.74 20.12 17.85 5.79 7.6 10.5 16.72 10.18 26.52.11 13.73-10.19 25.95-6.85 39.91 2.4 8.15 7.85 15.85 15.61 19.64 11.61 4.99 24.78.17 34.65-6.5 10.88-10.13 21.32-20.74 32.01-31.08 16.23-16.11 54.77-54.33 58.39-56.59 5.777-3.607 10.617-3.561 15.688-3.561 5.07 0 10.489 1.121 14.199 4.201 30.528 25.345 59.773 55.87 88.113 83.51 5.29 5.77 12.78 8.94 20.19 11.03 7.94 2.2 17.16 1.16 23.51-4.43 6.81-6 11.82-14.96 10.96-24.27-1.02-11.3-7.93-21.37-7.46-32.91.16-12.86 8.13-23.84 16.48-32.93C473.33 5.74 485.61.39 498 .18c16.19-.77 32.09 4.22 46.46 11.32 11.51 5.83 22.6 13.09 31.08 22.95 10.46 12.6 17.52 27.96 20.76 43.99 2.62 13.96 2.29 29.31-5.07 41.86-7.41 12.18-20.15 21.02-34.17 23.68-9.29 1.76-18.79.98-28.09-.23-4.64-.54-9.3-1.47-13.98-1.02-8.24 1.08-16.57 4.97-21.21 12.1-4.93 7.56-4.99 17.38-2.11 25.72 1.95 5.45 4.64 10.83 8.85 14.9 16.13 14.87 32.03 29.98 47.53 45.5 12.29 12.39 24.61 24.82 35.42 38.55 2.79 4.04 6.54 8.24 6.07 13.5 0 4.57-1.32 9.07-3.57 13.03-2.35 4.42-6.42 7.5-9.72 11.16-15.31 16.04-30.68 32.04-46.02 48.05-2.65 2.56-4.71 6.07-8.37 7.28-9.29 3.52-19.45 5.39-29.34 3.73-12.15-2.09-22.31-12.2-25.01-24.14-2.8-14.08 2.99-27.98 1.99-42.09-.58-9.88-5.33-19.27-12.48-26.04-7.34-7.39-17.74-11.02-27.98-11.66-14.51-.81-28.89 3.42-41.71 9.96-21.32 10.99-38.43 29.54-48.59 51.19-5.98 13.3-9.53 28.45-6.26 42.94 3.19 15.23 14.77 28.7 29.78 33.24 9.59 3.04 19.78 2.23 29.67 1.83 10.77-.65 22.3-2.64 32.48 2.04 11.06 5.85 16.38 19.39 14.36 31.45-.99 4.96-1.62 10.64-5.61 14.2-34.92 35.7-69.81 71.44-104.69 107.18-7.25 5.84-15.59 10.57-24.56 13.18-7.08 2.2-14.36-.68-20.61-3.93-4.79-2.63-9.48-5.56-13.53-9.26-35.07-35.96-70.22-71.85-105.3-107.8-2.43-2.2-3.14-5.5-4-8.51-2.71-9.88-1.58-21.32 5.02-29.46 4.71-6.5 12.68-9.67 20.52-9.93 15.25-.57 30.61 3.04 45.77.11 14.95-2.88 27.45-14.56 32.42-28.8 3.97-11.28 3.36-23.7.18-35.09-5.79-20.27-18.43-38.25-34.37-51.87-14.47-11.94-32.15-20.6-50.96-22.49-12.12-1.25-25.08 1.11-34.83 8.76-8.7 6.98-14.85 17.47-15.5 28.72-1 13.11 4.04 25.94 2.48 39.03-1.48 13.3-12.41 25.09-25.66 27.28-9.03 1.47-18.29.01-26.88-2.93-1.85-.68-3.92-1.13-5.34-2.59-18.68-19.38-37.22-38.9-55.89-58.28-6.08-5.47-9.42-13.85-8.67-22 .81-4.38 3.81-7.93 6.33-11.47 14.03-17.49 30.15-33.14 46.03-48.93 11.71-11.26 23.39-22.55 35.38-33.51 5.95-5.26 9.45-12.81 11.27-20.42 1.61-7.47.65-15.79-3.86-22.11-6.44-8.66-18.03-12.71-28.55-11.07-12.9 1.67-26.32 3.65-39.03-.18-15.93-4.74-29.9-17.55-34-33.93-3.99-15.42-1.31-31.81 4.25-46.5 3.61-9.65 8.77-18.72 15.12-26.83 8.27-9.89 19.09-17.31 30.46-23.21 11-5.74 22.9-9.9 35.21-11.64C98.1-.6 109.42-.08 119.31 4.67z" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
4
icons/redo.svg
Normal file
4
icons/redo.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" d="M0 11a1 1 0 0 0 2 0 5 5 0 0 1 9.584-2H8.996a1 1 0 0 0 0 2H14a1 1 0 0 0 1-1V5a1 1 0 1 0-2 0v2.392A7 7 0 0 0 0 11z"/></svg>
|
||||
|
After Width: | Height: | Size: 445 B |
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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"] {
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
2
user.js
2
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);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue