aboutsummaryrefslogtreecommitdiff
path: root/arc-firefox-theme/chrome/browser
diff options
context:
space:
mode:
Diffstat (limited to 'arc-firefox-theme/chrome/browser')
-rw-r--r--arc-firefox-theme/chrome/browser/Security-broken.pngbin928 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/aboutNetError.css4
-rw-r--r--arc-firefox-theme/chrome/browser/aboutSyncTabs.css4
-rw-r--r--arc-firefox-theme/chrome/browser/actionicon-tab.pngbin236 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/addons/addon-badge.svg19
-rw-r--r--arc-firefox-theme/chrome/browser/browser.css125
-rw-r--r--arc-firefox-theme/chrome/browser/compacttheme.css (renamed from arc-firefox-theme/chrome/browser/devedition.css)88
-rw-r--r--arc-firefox-theme/chrome/browser/compacttheme/loading-inverted.pngbin0 -> 6399 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/compacttheme/loading-inverted@2x.pngbin0 -> 16408 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/controlcenter/panel.css6
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/panelUI.css29
-rw-r--r--arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css2
-rw-r--r--arc-firefox-theme/chrome/browser/downloads/downloads.css6
-rw-r--r--arc-firefox-theme/chrome/browser/downloads/menubutton-dropmarker.svg8
-rw-r--r--arc-firefox-theme/chrome/browser/feeds/subscribe-ui.css7
-rw-r--r--arc-firefox-theme/chrome/browser/filters.svg9
-rw-r--r--arc-firefox-theme/chrome/browser/newtab/whimsycorn.pngbin3875 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/notification-icons.svg29
-rw-r--r--arc-firefox-theme/chrome/browser/places/autocomplete-star.pngbin636 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/containers.css16
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/in-content/containers.css2
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css39
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/preferences.css3
-rw-r--r--arc-firefox-theme/chrome/browser/sass/_browser-sass.scss140
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-dark.css125
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-darker.css125
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-light.css125
-rw-r--r--arc-firefox-theme/chrome/browser/searchReset.css2
-rw-r--r--arc-firefox-theme/chrome/browser/searchbar.css16
-rw-r--r--arc-firefox-theme/chrome/browser/social/gear_clicked.pngbin1262 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/social/gear_default.pngbin1271 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/social/share-button-active.pngbin1341 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/social/share-button.pngbin1346 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/syncProgress-menuPanel.pngbin25426 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/syncProgress-menuPanel@2x.pngbin55953 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/syncProgress-toolbar-inverted.pngbin14382 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/syncProgress-toolbar.pngbin13293 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/theme-switcher-icon.pngbin2084 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/theme-switcher-icon@2x.pngbin5595 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-camera-white-16.pngbin3781 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-indicator.css10
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-microphone-white-16.pngbin3794 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-screen-white-16.pngbin3769 -> 0 bytes
43 files changed, 451 insertions, 488 deletions
diff --git a/arc-firefox-theme/chrome/browser/Security-broken.png b/arc-firefox-theme/chrome/browser/Security-broken.png
deleted file mode 100644
index 1ec110b..0000000
--- a/arc-firefox-theme/chrome/browser/Security-broken.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/aboutNetError.css b/arc-firefox-theme/chrome/browser/aboutNetError.css
index c0b76aa..3dd6f50 100644
--- a/arc-firefox-theme/chrome/browser/aboutNetError.css
+++ b/arc-firefox-theme/chrome/browser/aboutNetError.css
@@ -126,10 +126,6 @@ span#hostname {
#automaticallyReportInFuture {
cursor: pointer;
- display: inline-block;
- padding-inline-start: 2.3em;
- text-indent: -2.3em;
- line-height: 16px
}
#errorCode:not([href]) {
diff --git a/arc-firefox-theme/chrome/browser/aboutSyncTabs.css b/arc-firefox-theme/chrome/browser/aboutSyncTabs.css
index 4cedad6..18e2154 100644
--- a/arc-firefox-theme/chrome/browser/aboutSyncTabs.css
+++ b/arc-firefox-theme/chrome/browser/aboutSyncTabs.css
@@ -26,6 +26,10 @@
margin-inline-end: 2em;
}
+#headers:-moz-locale-dir(rtl) {
+ background-position-x: 100%;
+}
+
#tabsListHeading {
font-size: 140%;
font-weight: bold;
diff --git a/arc-firefox-theme/chrome/browser/actionicon-tab.png b/arc-firefox-theme/chrome/browser/actionicon-tab.png
deleted file mode 100644
index 433c25e..0000000
--- a/arc-firefox-theme/chrome/browser/actionicon-tab.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/addons/addon-badge.svg b/arc-firefox-theme/chrome/browser/addons/addon-badge.svg
new file mode 100644
index 0000000..5a62add
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/addons/addon-badge.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- 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 version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
+<style type="text/css">
+path {
+ stroke: #bb3817;
+ fill: #FFFFFF;
+}
+</style>
+<path d="M6.6,9c0.3,0,0.5-0.3,0.6-0.6C7,7.7,7,6.9,7.1,6.2c0.1-0.3,0.3-0.4,0.6-0.4c0.3,0,0.3,0.4,1,0.4
+ c0.3,0,0.8-0.1,0.8-1.1S9,3.9,8.7,3.9c-0.6,0-0.7,0.5-1,0.5c-0.3,0-0.5-0.2-0.6-0.5c0-0.3,0-0.7,0-1c0-0.3-0.2-0.5-0.5-0.6
+ c0,0,0,0-0.1,0c-0.5,0-1,0.1-1.6,0C4.7,2.3,4.5,2.1,4.6,1.8c0-0.4,0.4-0.3,0.4-1C5,0.5,4.9,0,3.8,0S2.7,0.5,2.7,0.8
+ c0,0.6,0.5,0.7,0.5,1c0,0.3-0.2,0.5-0.5,0.5C2.1,2.4,1.6,2.4,1,2.4c-0.3,0-0.5,0.2-0.6,0.5c0,0,0,0,0,0.1v0.7c0,0-0.1,0.8,0.6,0.8
+ C1.5,4.5,1.6,4,2.2,4c0.3,0,0.7,0.7,0.7,1.3S2.4,6.6,2.2,6.6C1.6,6.6,1.5,6,1.1,6C0.4,5.9,0.5,6.7,0.5,6.7v1.7C0.4,8.7,0.7,9,1,9
+ c0,0,0,0,0,0h2.1C3.1,9,4,9,4,8.4c0-0.4-0.7-0.6-0.7-1.2C3.5,6.7,4,6.3,4.5,6.3c0.6,0,1.2,0.6,1.2,0.8c0,0.6-0.6,0.8-0.6,1.2
+ C5.1,9,5.9,9,5.9,9L6.6,9z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/browser.css b/arc-firefox-theme/chrome/browser/browser.css
index 6ccccc4..e3de08a 100644
--- a/arc-firefox-theme/chrome/browser/browser.css
+++ b/arc-firefox-theme/chrome/browser/browser.css
@@ -760,7 +760,7 @@ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-icon,
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-badge-stack > .toolbarbutton-icon,
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
#home-button[cui-areatype="menu-panel"],
@@ -1153,6 +1153,9 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-secure.svg);
visibility: visible; }
+#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon,
#urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon {
list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon);
visibility: visible; }
@@ -1162,12 +1165,6 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon);
visibility: visible; }
-#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon {
- list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon);
- visibility: visible; }
-
#identity-icon:-moz-lwtheme {
list-style-image: url(chrome://browser/skin/identity-icon.svg#normal-black); }
@@ -1197,6 +1194,9 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-secure.svg);
visibility: visible; }
+#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon:-moz-lwtheme,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon:-moz-lwtheme,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon:-moz-lwtheme,
#urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon:-moz-lwtheme {
list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon-black);
visibility: visible; }
@@ -1206,12 +1206,6 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon-black);
visibility: visible; }
-#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon:-moz-lwtheme,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon:-moz-lwtheme,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon:-moz-lwtheme {
- list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon-black);
- visibility: visible; }
-
#identity-box {
--identity-box-verified-color: #479900;
--identity-box-chrome-color: #e57300;
@@ -1280,9 +1274,10 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
#identity-box[sharing] > #identity-icon,
#sharing-icon {
- animation: 3s linear pulse infinite; }
+ animation: 3s linear identity-box-sharing-icon-pulse infinite; }
-@keyframes pulse {
+/* This should remain identical to tab-sharing-icon-pulse in tabs.inc.css */
+@keyframes identity-box-sharing-icon-pulse {
0%, 16.66%, 83.33%, 100% {
opacity: 0; }
33.33%, 66.66% {
@@ -1330,24 +1325,13 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
type of icon displayed. This rule must be defined before the others in order
for its list-style-image to be overridden. */
.notification-anchor-icon {
- list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16); }
-
-@media (min-resolution: 1.1dppx) {
- .notification-anchor-icon {
- list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } }
-.popup-notification-icon {
- width: 64px;
- height: 64px;
- margin-inline-end: 10px; }
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#default-info); }
.notification-anchor-icon:not(.plugin-blocked):-moz-lwtheme,
#blocked-permissions-container > .blocked-permission-icon:-moz-lwtheme {
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
-.notification-anchor-icon:not(.plugin-blocked):not(:hover) {
- opacity: .8; }
-
/* INDIVIDUAL NOTIFICATIONS */
.popup-notification-icon[popupid="web-notifications"],
.desktop-notification-icon {
@@ -1535,6 +1519,25 @@ html|*#webRTC-previewVideo {
.addon-install-confirmation-name {
font-weight: bold; }
+.addon-webext-perm-header {
+ font-size: 1.3em; }
+
+.addon-webext-name {
+ font-weight: bold;
+ margin: 0; }
+
+.addon-addon-icon {
+ width: 14px;
+ height: 14px;
+ list-style-image: url("chrome://browser/skin/menuPanel.svg");
+ -moz-image-region: rect(0px, 288px, 32px, 256px); }
+
+.addon-toolbar-icon {
+ width: 14px;
+ height: 14px;
+ list-style-image: url("chrome://browser/skin/Toolbar.png");
+ -moz-image-region: rect(0, 486px, 18px, 468px); }
+
/* Notification icon box */
.notification-anchor-icon:-moz-focusring {
outline: 1px dotted -moz-DialogText; }
@@ -1732,12 +1735,12 @@ notification[value="translation"] menulist > .menulist-dropmarker {
border-radius: 2px;
border: 1px solid transparent; }
-.autocomplete-richlistitem[selected=true] {
- background-color: Highlight; }
-
.ac-title {
font-size: 1.05em; }
+.ac-separator,
+.ac-url,
+.ac-action,
.ac-tags {
font-size: 0.9em; }
@@ -1748,18 +1751,11 @@ html|span.ac-tag {
border: 1px solid transparent;
padding: 0 1px; }
-.ac-separator,
-.ac-url,
-.ac-action {
- font-size: 0.9em;
+.ac-separator:not([selected=true]),
+.ac-url:not([selected=true]),
+.ac-action:not([selected=true]) {
color: -moz-nativehyperlinktext; }
-.ac-title[selected=true],
-.ac-separator[selected],
-.ac-url[selected=true],
-.ac-action[selected=true] {
- color: inherit !important; }
-
.ac-tags-text[selected] > html|span.ac-tag {
background-color: HighlightText;
color: Highlight; }
@@ -1775,26 +1771,14 @@ html|span.ac-emphasize-text-url {
.ac-type-icon[type=bookmark][selected][current] {
list-style-image: url("chrome://browser/skin/urlbar-star.svg#star-inverted"); }
-.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
- list-style-image: url("chrome://browser/skin/places/autocomplete-star.png");
- width: 16px;
- height: 16px; }
-
.ac-type-icon[type=keyword],
-.ac-site-icon[type=searchengine],
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
+.ac-site-icon[type=searchengine] {
list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon); }
.ac-type-icon[type=keyword][selected],
-.ac-site-icon[type=searchengine][selected],
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected) {
+.ac-site-icon[type=searchengine][selected] {
list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted); }
-.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
- list-style-image: url("chrome://browser/skin/places/tag.png");
- width: 16px;
- height: 16px; }
-
.ac-type-icon[type=switchtab],
.ac-type-icon[type=remotetab] {
list-style-image: url("chrome://browser/skin/urlbar-tab.svg#tab"); }
@@ -2158,9 +2142,10 @@ html|span.ac-emphasize-text-url {
.tab-icon-image[sharing]:not([selected]),
.tab-sharing-icon-overlay {
- animation: 3s linear pulse infinite; }
+ animation: 3s linear tab-sharing-icon-pulse infinite; }
-@keyframes pulse {
+/* This should remain identical to identity-box-sharing-icon-pulse in identity-block.inc.css */
+@keyframes tab-sharing-icon-pulse {
0%, 16.66%, 83.33%, 100% {
opacity: 0; }
33.33%, 66.66% {
@@ -2236,7 +2221,7 @@ html|span.ac-emphasize-text-url {
.tab-icon-sound[muted],
.tab-icon-sound[blocked] {
list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
.tab-icon-sound[muted] {
@@ -2248,12 +2233,12 @@ html|span.ac-emphasize-text-url {
.tab-icon-sound:-moz-lwtheme-darktext[soundplaying],
.tab-icon-sound:-moz-lwtheme-darktext[muted],
.tab-icon-sound:-moz-lwtheme-darktext[blocked] {
- filter: url(chrome://browser/skin/filters.svg#fill) drop-shadow(1px 1px 1px white); }
+ filter: url(chrome://global/skin/filters.svg#fill) drop-shadow(1px 1px 1px white); }
.tab-icon-sound:-moz-lwtheme-brighttext[soundplaying],
.tab-icon-sound:-moz-lwtheme-brighttext[muted],
.tab-icon-sound:-moz-lwtheme-brighttext[blocked] {
- filter: url(chrome://browser/skin/filters.svg#fill) drop-shadow(1px 1px 1px black); }
+ filter: url(chrome://global/skin/filters.svg#fill) drop-shadow(1px 1px 1px black); }
.tab-icon-sound[soundplaying]:not(:hover),
.tab-icon-sound[muted]:not(:hover),
@@ -2454,7 +2439,7 @@ lwtHeader;*/
.alltabs-endimage[muted],
.alltabs-endimage[blocked] {
list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
.alltabs-endimage[muted] {
@@ -2987,7 +2972,7 @@ html|*.pointerlockfswarning-exit-button {
/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
We are copy/pasting variables from light-theme and dark-theme,
since they aren't loaded in this context (within browser.css). */
-:root[devtoolstheme="light"] #developer-toolbar {
+#browser-bottombox[devtoolstheme="light"] #developer-toolbar {
--gcli-background-color: #fcfcfc;
/* --theme-tab-toolbar-background */
--gcli-input-background: #fcfcfc;
@@ -3007,7 +2992,7 @@ html|*.pointerlockfswarning-exit-button {
--command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus);
/* --theme-command-line-image-focus */ }
-:root[devtoolstheme="dark"] #developer-toolbar {
+#browser-bottombox[devtoolstheme="dark"] #developer-toolbar {
--gcli-background-color: #272b35;
/* --theme-toolbar-background */
--gcli-input-background: #272b35;
@@ -3045,8 +3030,8 @@ html|*.pointerlockfswarning-exit-button {
.developer-toolbar-button > image {
margin: auto 10px; }
-:root[devtoolstheme="light"] #developer-toolbar > .developer-toolbar-button:not([checked=true]) > image,
-:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
+#browser-bottombox[devtoolstheme="light"] #developer-toolbar > .developer-toolbar-button:not([checked=true]) > image,
+#browser-bottombox[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
filter: invert(1); }
.developer-toolbar-button > .toolbarbutton-icon {
@@ -3054,7 +3039,7 @@ html|*.pointerlockfswarning-exit-button {
height: 16px; }
/* The toolkit close button is low contrast in the dark theme so invert it. */
-:root[devtoolstheme="dark"] #developer-toolbar > .close-icon:not(:hover) > image {
+#browser-bottombox[devtoolstheme="dark"] #developer-toolbar > .close-icon:not(:hover) > image {
filter: invert(1); }
#developer-toolbar-toolbox-button {
@@ -3534,7 +3519,7 @@ toolbar[brighttext] #downloads-indicator-counter {
width: 20px;
height: 20px;
border-radius: 2px;
- background-image: url("chrome://browser/skin/theme-switcher-icon.png");
+ background-image: url("chrome://browser/content/default-theme-icon.svg");
background-size: contain; }
#main-window[customize-entered] #customization-panel-container {
@@ -3671,7 +3656,7 @@ toolbarpaletteitem[place="toolbar"]:not([mousedown="true"]):-moz-focusring {
padding-inline-start: 0; }
.customization-lwtheme-menu-theme[defaulttheme] {
- list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); }
+ list-style-image: url(chrome://browser/content/default-theme-icon.svg); }
.customization-lwtheme-menu-theme[active="true"],
.customization-lwtheme-menu-theme:hover {
@@ -4086,7 +4071,7 @@ notification.heartbeat {
width: 16px; }
/**
- * Override the --panel-arrowcontent-padding so the background extends
+ * Override the --arrowpanel-padding so the background extends
* to the sides and bottom of the panel.
*/
#UITourTooltipButtons {
@@ -4105,7 +4090,7 @@ notification.heartbeat {
width: 16px;
height: 16px;
margin: 7px;
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
#context-back {
diff --git a/arc-firefox-theme/chrome/browser/devedition.css b/arc-firefox-theme/chrome/browser/compacttheme.css
index 43603c1..12789d0 100644
--- a/arc-firefox-theme/chrome/browser/devedition.css
+++ b/arc-firefox-theme/chrome/browser/compacttheme.css
@@ -1,8 +1,8 @@
-/* devedition.css is loaded in browser.xul after browser.css when it is
+/* compacttheme.css is loaded in browser.xul after browser.css when it is
preffed on. The bulk of the styling is here in the shared file, but
- there are overrides for each platform in their devedition.css files. */
+ there are overrides for each platform in their compacttheme.css files. */
:root {
--tab-toolbar-navbar-overlap: 0px;
@@ -12,7 +12,7 @@
--backbutton-urlbar-overlap: 0px;
}
-:root[devtoolstheme="dark"] {
+:root:-moz-lwtheme-brighttext {
/* Chrome */
--chrome-background-color: #272b35;
--chrome-color: #F5F7FA;
@@ -48,8 +48,8 @@
}
/* Override the lwtheme-specific styling for toolbar buttons */
-:root[devtoolstheme="dark"],
-:root[devtoolstheme="dark"] toolbar:-moz-lwtheme {
+:root:-moz-lwtheme-brighttext,
+toolbar:-moz-lwtheme-brighttext {
--toolbarbutton-hover-background: rgba(25,33, 38,.6) linear-gradient(rgba(25,33,38,.6), rgba(25,33,38,.6)) padding-box;
--toolbarbutton-hover-boxshadow: none;
--toolbarbutton-hover-bordercolor: rgba(25,33,38,.6);
@@ -60,7 +60,7 @@
}
-:root[devtoolstheme="light"] {
+:root:-moz-lwtheme-darktext {
--url-and-searchbar-background-color: #fff;
--chrome-background-color: #E3E4E6;
@@ -83,8 +83,8 @@
}
/* Override the lwtheme-specific styling for toolbar buttons */
-:root[devtoolstheme="light"],
-:root[devtoolstheme="light"] toolbar:-moz-lwtheme {
+:root:-moz-lwtheme-darktext,
+toolbar:-moz-lwtheme-darktext {
--toolbarbutton-hover-background: #eaeaea;
--toolbarbutton-hover-boxshadow: none;
--toolbarbutton-hover-bordercolor: rgba(0,0,0,0.1);
@@ -195,63 +195,59 @@ toolbar[brighttext] #downloads-indicator-counter {
}
-:root[devtoolstheme="dark"] #identity-icon:-moz-lwtheme {
+#identity-icon:-moz-lwtheme-brighttext {
list-style-image: url(chrome://browser/skin/identity-icon.svg#normal-white);
}
-:root[devtoolstheme="dark"] #identity-box:hover > #identity-icon:not(.no-hover):-moz-lwtheme,
-:root[devtoolstheme="dark"] #identity-box[open=true] > #identity-icon:-moz-lwtheme {
+#identity-box:hover > #identity-icon:not(.no-hover):-moz-lwtheme-brighttext,
+#identity-box[open=true] > #identity-icon:-moz-lwtheme-brighttext {
list-style-image: url(chrome://browser/skin/identity-icon.svg#hover-white);
}
-:root[devtoolstheme="dark"] #identity-box.grantedPermissions > #identity-icon:-moz-lwtheme {
+#identity-box.grantedPermissions > #identity-icon:-moz-lwtheme-brighttext {
list-style-image: url(chrome://browser/skin/identity-icon.svg#notice-white);
}
-:root[devtoolstheme="dark"] #identity-box.grantedPermissions:hover > #identity-icon:not(.no-hover):-moz-lwtheme,
-:root[devtoolstheme="dark"] #identity-box.grantedPermissions[open=true] > #identity-icon:-moz-lwtheme {
+#identity-box.grantedPermissions:hover > #identity-icon:not(.no-hover):-moz-lwtheme-brighttext,
+#identity-box.grantedPermissions[open=true] > #identity-icon:-moz-lwtheme-brighttext {
list-style-image: url(chrome://browser/skin/identity-icon.svg#notice-hover-white);
}
-:root[devtoolstheme="dark"] #urlbar[pageproxystate="valid"] > #identity-box.chromeUI > #identity-icon:-moz-lwtheme {
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI > #identity-icon:-moz-lwtheme-brighttext {
list-style-image: url(chrome://branding/content/identity-icons-brand.svg);
}
-:root[devtoolstheme="dark"] #tracking-protection-icon:-moz-lwtheme {
+#tracking-protection-icon:-moz-lwtheme-brighttext {
list-style-image: url(chrome://browser/skin/tracking-protection-16.svg#enabled-white);
}
-:root[devtoolstheme="dark"] #tracking-protection-icon[state="loaded-tracking-content"]:-moz-lwtheme {
+#tracking-protection-icon[state="loaded-tracking-content"]:-moz-lwtheme-brighttext {
list-style-image: url(chrome://browser/skin/tracking-protection-16.svg#disabled-white);
}
-:root[devtoolstheme="dark"] #urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain > #connection-icon:-moz-lwtheme,
-:root[devtoolstheme="dark"] #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #connection-icon:-moz-lwtheme,
-:root[devtoolstheme="dark"] #urlbar[pageproxystate="valid"] > #identity-box.mixedActiveBlocked > #connection-icon:-moz-lwtheme {
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain > #connection-icon:-moz-lwtheme-brighttext,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #connection-icon:-moz-lwtheme-brighttext,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedActiveBlocked > #connection-icon:-moz-lwtheme-brighttext {
list-style-image: url(chrome://browser/skin/connection-secure.svg);
visibility: visible;
}
-:root[devtoolstheme="dark"] #urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon:-moz-lwtheme {
+#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon:-moz-lwtheme-brighttext,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon:-moz-lwtheme-brighttext,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon:-moz-lwtheme-brighttext,
+#urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon:-moz-lwtheme-brighttext {
list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon-white);
visibility: visible;
}
-:root[devtoolstheme="dark"] #urlbar[pageproxystate="valid"] > #identity-box.insecureLoginForms > #connection-icon:-moz-lwtheme,
-:root[devtoolstheme="dark"] #urlbar[pageproxystate="valid"] > #identity-box.mixedActiveContent > #connection-icon:-moz-lwtheme {
+#urlbar[pageproxystate="valid"] > #identity-box.insecureLoginForms > #connection-icon:-moz-lwtheme-brighttext,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedActiveContent > #connection-icon:-moz-lwtheme-brighttext {
list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon-white);
visibility: visible;
}
-:root[devtoolstheme="dark"] #urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon:-moz-lwtheme,
-:root[devtoolstheme="dark"] #urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon:-moz-lwtheme,
-:root[devtoolstheme="dark"] #urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon:-moz-lwtheme {
- list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon-white);
- visibility: visible;
-}
-
#urlbar {
border-inline-start: none !important;
opacity: 1 !important;
@@ -263,11 +259,20 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
margin-inline-start: 0;
}
-:root[devtoolstheme="dark"] #urlbar-zoom-button:hover {
+window:not([chromehidden~="toolbar"]) #urlbar-wrapper:-moz-locale-dir(rtl),
+window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) {
+ /* Resolves text blurring issue when hovering, see bug 1340206 */
+ transform: none;
+ /* For some reason, this property must be specified here, even though the same
+ value is set in the previous rule set. o_O */
+ margin-inline-start: 0;
+}
+
+#urlbar-zoom-button:-moz-lwtheme-brighttext:hover {
background-color: rgba(255,255,255,.2);
}
-:root[devtoolstheme="dark"] #urlbar-zoom-button:hover:active {
+#urlbar-zoom-button:-moz-lwtheme-brighttext:hover:active {
background-color: rgba(255,255,255,.3);
}
@@ -281,7 +286,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
}
/* No extra vertical padding for nav bar */
-#nav-bar-customization-target,
#nav-bar {
padding-top: 0;
padding-bottom: 0;
@@ -344,9 +348,19 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
background-color: var(--tab-selection-background-color);
}
+.tab-throbber[selected][progress] {
+ list-style-image: url("chrome://browser/skin/compacttheme/loading-inverted.png");
+}
+
+@media (min-resolution: 1.1dppx) {
+ .tab-throbber[selected][progress] {
+ list-style-image: url("chrome://browser/skin/compacttheme/loading-inverted@2x.png");
+ }
+}
+
.tab-icon-sound[soundplaying],
.tab-icon-sound[muted] {
- filter: url(chrome://browser/skin/filters.svg#fill) !important; /* removes drop-shadow filter */
+ filter: url(chrome://global/skin/filters.svg#fill) !important; /* removes drop-shadow filter */
}
/* Don't need space for the tab curves (66px - 30px) */
@@ -364,7 +378,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
--forwardbutton-width: 29px;
}
-:root[devtoolstheme="light"] {
+:root:-moz-lwtheme-darktext {
--urlbar-dropmarker-url: url("chrome://browser/skin/devedition/urlbar-history-dropmarker.svg");
--urlbar-dropmarker-region: rect(0px, 11px, 14px, 0px);
--urlbar-dropmarker-hover-region: rect(0, 22px, 14px, 11px);
@@ -375,8 +389,8 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
--urlbar-dropmarker-active-2x-region: rect(0px, 33px, 14px, 22px);
}
-:root[devtoolstheme="dark"] .findbar-closebutton:not(:hover),
-:root[devtoolstheme="dark"] #sidebar-header > .close-icon:not(:hover),
+.findbar-closebutton:-moz-lwtheme-brighttext:not(:hover),
+#sidebar-header > .close-icon:-moz-lwtheme-brighttext:not(:hover),
.tab-close-button[selected]:not(:hover) {
background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 80, 16, 64);
}
diff --git a/arc-firefox-theme/chrome/browser/compacttheme/loading-inverted.png b/arc-firefox-theme/chrome/browser/compacttheme/loading-inverted.png
new file mode 100644
index 0000000..b9ee1a7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/compacttheme/loading-inverted.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/compacttheme/loading-inverted@2x.png b/arc-firefox-theme/chrome/browser/compacttheme/loading-inverted@2x.png
new file mode 100644
index 0000000..852c4ee
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/compacttheme/loading-inverted@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/controlcenter/panel.css b/arc-firefox-theme/chrome/browser/controlcenter/panel.css
index 0488442..4d8f112 100644
--- a/arc-firefox-theme/chrome/browser/controlcenter/panel.css
+++ b/arc-firefox-theme/chrome/browser/controlcenter/panel.css
@@ -102,7 +102,7 @@
#identity-popup-permissions-content,
#tracking-protection-content {
padding: 0.5em 0 1em;
- /* .identity-popup-headline.host depends on this width */
+ /* .identity-popup-host depends on this width */
padding-inline-start: calc(2em + 24px);
padding-inline-end: 1em;
}
@@ -181,7 +181,7 @@
font-size: 150%;
}
-.identity-popup-headline.host {
+.identity-popup-host {
word-wrap: break-word;
/* 1em + 2em + 24px is #identity-popup-security-content padding
* 30em is .panel-mainview:not([panelid="PanelUI-popup"]) width */
@@ -422,7 +422,7 @@ description#identity-popup-content-verifier,
width: 16px;
height: 16px;
list-style-image: url(chrome://browser/skin/panel-icons.svg#cancel);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: graytext;
}
diff --git a/arc-firefox-theme/chrome/browser/customizableui/panelUI.css b/arc-firefox-theme/chrome/browser/customizableui/panelUI.css
index 17faf34..6555340 100644
--- a/arc-firefox-theme/chrome/browser/customizableui/panelUI.css
+++ b/arc-firefox-theme/chrome/browser/customizableui/panelUI.css
@@ -147,6 +147,11 @@
filter: none;
}
+#PanelUI-menu-button[badge-status="addon-alert"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ height: 13px;
+ background: transparent url(chrome://browser/skin/addons/addon-badge.svg) no-repeat center;
+}
+
.panel-subviews {
padding: 4px;
background-clip: padding-box;
@@ -553,7 +558,8 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
top: 25%;
}
-#PanelUI-update-status[update-status]::after {
+#PanelUI-update-status[update-status]::after,
+#PanelUI-footer-addons > toolbarbutton::after {
content: "";
width: 14px;
height: 14px;
@@ -574,6 +580,24 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
background-color: #D90000;
}
+#PanelUI-footer-addons > toolbarbutton {
+ background-color: #C7F5FF;
+ display: flex;
+ flex: 1 1 0%;
+ width: calc(22.35em + 30px);
+ padding-inline-start: 15px;
+ border-inline-start-style: none;
+}
+
+#PanelUI-footer-addons > toolbarbutton > .toolbarbutton-icon {
+ width: 14px;
+ height: 14px;
+}
+
+#PanelUI-footer-addons > toolbarbutton::after {
+ background-image: url(chrome://browser/skin/addons/addon-badge.svg);
+}
+
#PanelUI-fxa-status {
display: flex;
flex: 1 1 0%;
@@ -608,6 +632,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
#PanelUI-help,
#PanelUI-fxa-label,
#PanelUI-fxa-icon,
+#PanelUI-footer-addons > toolbarbutton,
#PanelUI-customize,
#PanelUI-quit {
margin: 0;
@@ -669,6 +694,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
}
#PanelUI-fxa-label,
+#PanelUI-footer-addons > toolbarbutton,
#PanelUI-customize {
flex: 1;
padding-inline-start: 15px;
@@ -833,6 +859,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
#PanelUI-fxa-label,
#PanelUI-fxa-icon,
+#PanelUI-footer-addons > toolbarbutton,
#PanelUI-customize,
#PanelUI-help,
#PanelUI-quit {
diff --git a/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css b/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css
index 2b23903..1637216 100644
--- a/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css
+++ b/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css
@@ -83,7 +83,7 @@ richlistitem.download > toolbarseparator {
width: 16px;
height: 16px;
margin: 0;
- filter: url("chrome://browser/skin/filters.svg#fill");
+ filter: url("chrome://global/skin/filters.svg#fill");
fill: currentColor;
}
diff --git a/arc-firefox-theme/chrome/browser/downloads/downloads.css b/arc-firefox-theme/chrome/browser/downloads/downloads.css
index 1bd933a..03c47d0 100644
--- a/arc-firefox-theme/chrome/browser/downloads/downloads.css
+++ b/arc-firefox-theme/chrome/browser/downloads/downloads.css
@@ -133,8 +133,8 @@ richlistitem[type="download"]:hover > toolbarseparator,
.downloadsDropmarker > .button-box > .button-menu-dropmarker > .dropmarker-icon {
width: 16px;
height: 16px;
- list-style-image: url("chrome://browser/skin/downloads/menubutton-dropmarker.svg");
- filter: url("chrome://browser/skin/filters.svg#fill");
+ list-style-image: url("chrome://global/skin/icons/menubutton-dropmarker.svg");
+ filter: url("chrome://global/skin/filters.svg#fill");
fill: currentColor;
}
@@ -247,7 +247,7 @@ richlistitem[type="download"][verdict] > toolbarseparator {
width: 16px;
height: 16px;
margin: 1px;
- filter: url("chrome://browser/skin/filters.svg#fill");
+ filter: url("chrome://global/skin/filters.svg#fill");
fill: currentColor;
}
diff --git a/arc-firefox-theme/chrome/browser/downloads/menubutton-dropmarker.svg b/arc-firefox-theme/chrome/browser/downloads/menubutton-dropmarker.svg
deleted file mode 100644
index 76af113..0000000
--- a/arc-firefox-theme/chrome/browser/downloads/menubutton-dropmarker.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<?xml version="1.0"?>
-<!-- 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 d="m 2,6 6,6 6,-6 -1.5,-1.5 -4.5,4.5 -4.5,-4.5 z" />
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/feeds/subscribe-ui.css b/arc-firefox-theme/chrome/browser/feeds/subscribe-ui.css
deleted file mode 100644
index f165003..0000000
--- a/arc-firefox-theme/chrome/browser/feeds/subscribe-ui.css
+++ /dev/null
@@ -1,7 +0,0 @@
-/* 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/. */
-
-.alwaysUse {
- padding: 5px;
-}
diff --git a/arc-firefox-theme/chrome/browser/filters.svg b/arc-firefox-theme/chrome/browser/filters.svg
deleted file mode 100644
index 8fccb13..0000000
--- a/arc-firefox-theme/chrome/browser/filters.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0"?>
-<!-- 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">
- <filter id="fill">
- <feComposite in="FillPaint" in2="SourceGraphic" operator="in"/>
- </filter>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/newtab/whimsycorn.png b/arc-firefox-theme/chrome/browser/newtab/whimsycorn.png
deleted file mode 100644
index 5c5c2f4..0000000
--- a/arc-firefox-theme/chrome/browser/newtab/whimsycorn.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/notification-icons.svg b/arc-firefox-theme/chrome/browser/notification-icons.svg
index 5250770..de73d82 100644
--- a/arc-firefox-theme/chrome/browser/notification-icons.svg
+++ b/arc-firefox-theme/chrome/browser/notification-icons.svg
@@ -34,9 +34,8 @@
</style>
<style>
- use:not(:target) {
- display: none;
- }
+ :root > use:not(:target),
+ :root > g:not(:target),
#strikeout {
display: none;
}
@@ -44,7 +43,7 @@
display: block;
}
.blocked {
- clip-path: url(#clip);
+ clip-path: url(#blocked-clipPath);
}
#login-highlighted {
@@ -64,6 +63,13 @@
fill: rgb(224, 41, 29);
fill-opacity: 1;
}
+
+ #camera-indicator,
+ #microphone-indicator,
+ #screen-indicator {
+ fill: white;
+ fill-opacity: 1;
+ }
</style>
<defs>
@@ -83,13 +89,24 @@
<path id="popup-icon" d="m 2,24 a 4,4 0 0 0 4,4 l 8,0 a 10,10 0 0 1 -2,-4 l -4,0 a 2,2 0 0 1 -2,-2 l 0,-12 18,0 0,2 a 10,10 0 0 1 4,2 l 0,-8 a 4,4 0 0 0 -4,-4 l -18,0 a 4,4 0 0 0 -4,4 z m 12,-2.1 a 8,8 0 1 1 0,0.2 m 10.7,-4.3 a 5,5 0 0 0 -6.9,6.9 z m -5.4,8.4 a 5,5 0 0 0 6.9,-6.9 z" />
<path id="screen-icon" d="m 2,18 a 2,2 0 0 0 2,2 l 2,0 0,-6 a 4,4 0 0 1 4,-4 l 14,0 0,-6 a 2,2 0 0 0 -2,-2 l -18,0 a 2,2 0 0 0 -2,2 z m 6,10 a 2,2 0 0 0 2,2 l 18,0 a 2,2 0 0 0 2,-2 l 0,-14 a 2,2 0 0 0 -2,-2 l -18,0 a 2,2 0 0 0 -2,2 z" />
- <clipPath id="clip">
+ <clipPath id="blocked-clipPath">
<path d="m 0,0 0,31 31,-31 z m 6,32 26,0 0,-26 z"/>
</clipPath>
+
+ <mask id="i-mask" style="fill-opacity: 1;">
+ <rect fill="white" width="32" height="32"/>
+ <circle fill="black" cx="16" cy="9" r="2.5"/>
+ <rect fill="black" x="14" y="14" width="4" height="10" rx="2" ry="2"/>
+ </mask>
</defs>
+ <g id="default-info">
+ <circle cx="16" cy="16" r="14" mask="url(#i-mask)"/>
+ </g>
+
<use id="camera" xlink:href="#camera-icon" />
<use id="camera-sharing" xlink:href="#camera-icon"/>
+ <use id="camera-indicator" xlink:href="#camera-icon" />
<use id="camera-blocked" class="blocked" xlink:href="#camera-icon" />
<use id="desktop-notification" xlink:href="#desktop-notification-icon" />
<use id="desktop-notification-blocked" class="blocked" xlink:href="#desktop-notification-icon" />
@@ -108,6 +125,7 @@
<use id="login-detailed" xlink:href="#login-detailed-icon" />
<use id="microphone" xlink:href="#microphone-icon" />
<use id="microphone-sharing" xlink:href="#microphone-icon"/>
+ <use id="microphone-indicator" xlink:href="#microphone-icon"/>
<use id="microphone-blocked" class="blocked" xlink:href="#microphone-icon" />
<use id="microphone-detailed" xlink:href="#microphone-detailed-icon" />
<use id="plugin" xlink:href="#plugin-icon" />
@@ -115,6 +133,7 @@
<use id="popup" xlink:href="#popup-icon" />
<use id="screen" xlink:href="#screen-icon" />
<use id="screen-sharing" xlink:href="#screen-icon"/>
+ <use id="screen-indicator" xlink:href="#screen-icon"/>
<use id="screen-blocked" class="blocked" xlink:href="#screen-icon" />
<path id="strikeout" d="m 2,28 2,2 26,-26 -2,-2 z"/>
diff --git a/arc-firefox-theme/chrome/browser/places/autocomplete-star.png b/arc-firefox-theme/chrome/browser/places/autocomplete-star.png
deleted file mode 100644
index 2675f93..0000000
--- a/arc-firefox-theme/chrome/browser/places/autocomplete-star.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/preferences/containers.css b/arc-firefox-theme/chrome/browser/preferences/containers.css
index 308f573..e2f23fc 100644
--- a/arc-firefox-theme/chrome/browser/preferences/containers.css
+++ b/arc-firefox-theme/chrome/browser/preferences/containers.css
@@ -87,7 +87,7 @@
.subviewbutton[usercontextid] > .toolbarbutton-icon,
#userContext-indicator {
background-image: var(--identity-icon);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: var(--identity-icon-color);
background-size: contain;
background-repeat: no-repeat;
@@ -100,12 +100,12 @@
--preference-active-color: #858585;
}
-radiogroup {
+.radio-buttons {
display: flex;
margin-inline-start: 0.35rem;
}
-radio {
+.radio-buttons > radio {
flex: auto;
display: flex;
align-items: center;
@@ -125,19 +125,23 @@ radio {
fill: #4d4d4d;
}
+.radio-buttons > radio {
+ padding-inline-start: 2px;
+}
+
radio > [data-identity-icon] {
inline-size: 22px;
block-size: 22px;
}
-radio[selected=true] {
+.radio-buttons > radio[selected=true] {
outline-color: var(--preference-unselected-color);
}
-radio[focused=true] {
+.radio-buttons > radio[focused=true] {
outline-color: var(--preference-selected-color);
}
-radio:hover:active {
+.radio-buttons > radio:hover:active {
outline-color: var(--preference-active-color);
}
diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/containers.css b/arc-firefox-theme/chrome/browser/preferences/in-content/containers.css
index 73e499a..3f21fed 100644
--- a/arc-firefox-theme/chrome/browser/preferences/in-content/containers.css
+++ b/arc-firefox-theme/chrome/browser/preferences/in-content/containers.css
@@ -87,7 +87,7 @@
.subviewbutton[usercontextid] > .toolbarbutton-icon,
#userContext-indicator {
background-image: var(--identity-icon);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: var(--identity-icon-color);
background-size: contain;
background-repeat: no-repeat;
diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css b/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css
index 51042a4..d774c77 100644
--- a/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css
+++ b/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css
@@ -42,6 +42,12 @@ treecol {
min-width: 26px;
}
+.learnMore {
+ margin-inline-start: 1.5em;
+ font-weight: normal;
+ white-space: nowrap;
+}
+
/* Category List */
#categories {
@@ -173,15 +179,6 @@ treecol {
}
/* Content pane */
-#playDRMContentLink {
- /* Line up with the buttons in the other grid bits: */
- margin-left: 4px !important;
- margin-right: 4px !important;
-}
-
-#notificationsPolicyLearnMore {
- margin-inline-start: 1.5em !important;
-}
#defaultFontSizeLabel {
/* !important needed to override common !important rule */
@@ -230,14 +227,6 @@ treecol {
/* Privacy pane */
-#trackingProtectionPBMLearnMore,
-#trackingProtectionLearnMore,
-#browserContainersLearnMore {
- margin-inline-start: 1.5em !important;
- margin-top: 0;
- font-weight: normal;
-}
-
.doNotTrackLearnMore {
margin-inline-start: calc(1em + 30px);
margin-bottom: 1em;
@@ -283,17 +272,6 @@ description > html|a {
margin-inline-end: 4px; /* add the 4px end-margin of other elements */
}
-#telemetryLearnMore,
-#FHRLearnMore,
-#crashReporterLearnMore {
- /* provide some margin between the links and the label text */
- /* !important is needed to override the rules defined in common.css */
- margin-inline-start: 20px !important;
- /* center the links */
- margin-top: 8px;
- margin-bottom: 8px;
-}
-
.indent {
/* !important needed to override margin-inline-start:0 !important; rule
define in common.css for labels */
@@ -420,9 +398,6 @@ description > html|a {
}
#noFxaAccount {
- /* Overriding the margins from the base preferences.css theme file.
- These overrides can be simplified by fixing bug 1027174 */
- margin: 0;
padding-top: 15px;
}
@@ -512,7 +487,7 @@ description > html|a {
}
.fxaAccountBoxButtons > button:first-child {
- margin-right: 14px !important;
+ margin-inline-end: 14px !important;
}
.fxaSyncIllustration {
diff --git a/arc-firefox-theme/chrome/browser/preferences/preferences.css b/arc-firefox-theme/chrome/browser/preferences/preferences.css
index 45e2dc2..810a9f8 100644
--- a/arc-firefox-theme/chrome/browser/preferences/preferences.css
+++ b/arc-firefox-theme/chrome/browser/preferences/preferences.css
@@ -54,7 +54,7 @@
#advancedPrefs {
margin-left: 0;
- margin-right: 0;
+ margin-right: 0;
}
#cookiesChildren::-moz-tree-image(domainCol, container) {
@@ -97,7 +97,6 @@
}
#noFxaAccount {
- margin: 5px;
line-height: 1.2em;
}
diff --git a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
index 1e89eed..90b5124 100644
--- a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
+++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
@@ -1009,7 +1009,7 @@ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-icon,
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-badge-stack > .toolbarbutton-icon,
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor;
}
@@ -1546,6 +1546,9 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
visibility: visible;
}
+#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon,
#urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon {
list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon);
visibility: visible;
@@ -1557,13 +1560,6 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
visibility: visible;
}
-#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon {
- list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon);
- visibility: visible;
-}
-
#identity-icon:-moz-lwtheme {
list-style-image: url(chrome://browser/skin/identity-icon.svg#normal-black);
@@ -1604,6 +1600,9 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
visibility: visible;
}
+#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon:-moz-lwtheme,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon:-moz-lwtheme,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon:-moz-lwtheme,
#urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon:-moz-lwtheme {
list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon-black);
visibility: visible;
@@ -1615,13 +1614,6 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
visibility: visible;
}
-#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon:-moz-lwtheme,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon:-moz-lwtheme,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon:-moz-lwtheme {
- list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon-black);
- visibility: visible;
-}
-
#identity-box {
--identity-box-verified-color: hsl(92,100%,30%);
--identity-box-chrome-color: rgb(229,115,0);
@@ -1727,10 +1719,11 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
#identity-box[sharing] > #identity-icon,
#sharing-icon {
- animation: 3s linear pulse infinite;
+ animation: 3s linear identity-box-sharing-icon-pulse infinite;
}
-@keyframes pulse {
+/* This should remain identical to tab-sharing-icon-pulse in tabs.inc.css */
+@keyframes identity-box-sharing-icon-pulse {
0%, 16.66%, 83.33%, 100% {
opacity: 0;
}
@@ -1793,31 +1786,15 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
type of icon displayed. This rule must be defined before the others in order
for its list-style-image to be overridden. */
.notification-anchor-icon {
- list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16);
-}
-
-@media (min-resolution: 1.1dppx) {
- .notification-anchor-icon {
- list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog);
- }
-}
-
-.popup-notification-icon {
- width: 64px;
- height: 64px;
- margin-inline-end: 10px;
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#default-info);
}
.notification-anchor-icon:not(.plugin-blocked):-moz-lwtheme,
#blocked-permissions-container > .blocked-permission-icon:-moz-lwtheme {
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor;
}
-.notification-anchor-icon:not(.plugin-blocked):not(:hover) {
- opacity: .8;
-}
-
/* INDIVIDUAL NOTIFICATIONS */
.popup-notification-icon[popupid="web-notifications"],
@@ -2063,6 +2040,29 @@ html|*#webRTC-previewVideo {
font-weight: bold;
}
+.addon-webext-perm-header {
+ font-size: 1.3em;
+}
+
+.addon-webext-name {
+ font-weight: bold;
+ margin: 0;
+}
+
+.addon-addon-icon {
+ width: 14px;
+ height: 14px;
+ list-style-image: url("chrome://browser/skin/menuPanel.svg");
+ -moz-image-region: rect(0px, 288px, 32px, 256px);
+}
+
+.addon-toolbar-icon {
+ width: 14px;
+ height: 14px;
+ list-style-image: url("chrome://browser/skin/Toolbar.png");
+ -moz-image-region: rect(0, 486px, 18px, 468px);
+}
+
/* Notification icon box */
.notification-anchor-icon:-moz-focusring {
@@ -2315,14 +2315,13 @@ notification[value="translation"] menulist > .menulist-dropmarker {
border: 1px solid transparent;
}
-.autocomplete-richlistitem[selected=true] {
- background-color: Highlight;
-}
-
.ac-title {
font-size: 1.05em;
}
+.ac-separator,
+.ac-url,
+.ac-action,
.ac-tags {
font-size: 0.9em;
}
@@ -2335,20 +2334,12 @@ html|span.ac-tag {
padding: 0 1px;
}
-.ac-separator,
-.ac-url,
-.ac-action {
- font-size: 0.9em;
+.ac-separator:not([selected=true]),
+.ac-url:not([selected=true]),
+.ac-action:not([selected=true]) {
color: -moz-nativehyperlinktext;
}
-.ac-title[selected=true],
-.ac-separator[selected],
-.ac-url[selected=true],
-.ac-action[selected=true] {
- color: inherit !important;
-}
-
.ac-tags-text[selected] > html|span.ac-tag {
background-color: HighlightText;
color: Highlight;
@@ -2368,30 +2359,16 @@ html|span.ac-emphasize-text-url {
list-style-image: url("chrome://browser/skin/urlbar-star.svg#star-inverted");
}
-.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
- list-style-image: url("chrome://browser/skin/places/autocomplete-star.png");
- width: 16px;
- height: 16px;
-}
-
.ac-type-icon[type=keyword],
-.ac-site-icon[type=searchengine],
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
+.ac-site-icon[type=searchengine] {
list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon);
}
.ac-type-icon[type=keyword][selected],
-.ac-site-icon[type=searchengine][selected],
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected) {
+.ac-site-icon[type=searchengine][selected] {
list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted);
}
-.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
- list-style-image: url("chrome://browser/skin/places/tag.png");
- width: 16px;
- height: 16px;
-}
-
.ac-type-icon[type=switchtab],
.ac-type-icon[type=remotetab] {
list-style-image: url("chrome://browser/skin/urlbar-tab.svg#tab");
@@ -2865,10 +2842,11 @@ html|span.ac-emphasize-text-url {
.tab-icon-image[sharing]:not([selected]),
.tab-sharing-icon-overlay {
- animation: 3s linear pulse infinite;
+ animation: 3s linear tab-sharing-icon-pulse infinite;
}
-@keyframes pulse {
+/* This should remain identical to identity-box-sharing-icon-pulse in identity-block.inc.css */
+@keyframes tab-sharing-icon-pulse {
0%, 16.66%, 83.33%, 100% {
opacity: 0;
}
@@ -2980,7 +2958,7 @@ html|span.ac-emphasize-text-url {
.tab-icon-sound[muted],
.tab-icon-sound[blocked] {
list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor;
}
@@ -2995,13 +2973,13 @@ html|span.ac-emphasize-text-url {
.tab-icon-sound:-moz-lwtheme-darktext[soundplaying],
.tab-icon-sound:-moz-lwtheme-darktext[muted],
.tab-icon-sound:-moz-lwtheme-darktext[blocked] {
- filter: url(chrome://browser/skin/filters.svg#fill) drop-shadow(1px 1px 1px white);
+ filter: url(chrome://global/skin/filters.svg#fill) drop-shadow(1px 1px 1px white);
}
.tab-icon-sound:-moz-lwtheme-brighttext[soundplaying],
.tab-icon-sound:-moz-lwtheme-brighttext[muted],
.tab-icon-sound:-moz-lwtheme-brighttext[blocked] {
- filter: url(chrome://browser/skin/filters.svg#fill) drop-shadow(1px 1px 1px black);
+ filter: url(chrome://global/skin/filters.svg#fill) drop-shadow(1px 1px 1px black);
}
.tab-icon-sound[soundplaying]:not(:hover),
@@ -3277,7 +3255,7 @@ html|span.ac-emphasize-text-url {
.alltabs-endimage[muted],
.alltabs-endimage[blocked] {
list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor;
}
@@ -3964,7 +3942,7 @@ html|*.pointerlockfswarning-exit-button {
/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
We are copy/pasting variables from light-theme and dark-theme,
since they aren't loaded in this context (within browser.css). */
-:root[devtoolstheme="light"] #developer-toolbar {
+#browser-bottombox[devtoolstheme="light"] #developer-toolbar {
--gcli-background-color: #fcfcfc; /* --theme-tab-toolbar-background */
--gcli-input-background: #fcfcfc; /* --theme-toolbar-background */
--gcli-input-focused-background: #ffffff; /* --theme-sidebar-background */
@@ -3976,7 +3954,7 @@ html|*.pointerlockfswarning-exit-button {
--command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus); /* --theme-command-line-image-focus */
}
-:root[devtoolstheme="dark"] #developer-toolbar {
+#browser-bottombox[devtoolstheme="dark"] #developer-toolbar {
--gcli-background-color: #272b35; /* --theme-toolbar-background */
--gcli-input-background: #272b35; /* --theme-tab-toolbar-background */
--gcli-input-focused-background: #272b35; /* --theme-tab-toolbar-background */
@@ -4009,8 +3987,8 @@ html|*.pointerlockfswarning-exit-button {
margin: auto 10px;
}
-:root[devtoolstheme="light"] #developer-toolbar > .developer-toolbar-button:not([checked=true]) > image,
-:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
+#browser-bottombox[devtoolstheme="light"] #developer-toolbar > .developer-toolbar-button:not([checked=true]) > image,
+#browser-bottombox[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
filter: invert(1);
}
@@ -4020,7 +3998,7 @@ html|*.pointerlockfswarning-exit-button {
}
/* The toolkit close button is low contrast in the dark theme so invert it. */
-:root[devtoolstheme="dark"] #developer-toolbar > .close-icon:not(:hover) > image {
+#browser-bottombox[devtoolstheme="dark"] #developer-toolbar > .close-icon:not(:hover) > image {
filter: invert(1);
}
@@ -4614,7 +4592,7 @@ toolbar[brighttext] #downloads-indicator-counter {
width: 20px;
height: 20px;
border-radius: 2px;
- background-image: url("chrome://browser/skin/theme-switcher-icon.png");
+ background-image: url("chrome://browser/content/default-theme-icon.svg");
background-size: contain;
}
@@ -4783,7 +4761,7 @@ toolbarpaletteitem[place="toolbar"]:not([mousedown="true"]):-moz-focusring {
}
.customization-lwtheme-menu-theme[defaulttheme] {
- list-style-image: url(chrome://browser/skin/theme-switcher-icon.png);
+ list-style-image: url(chrome://browser/content/default-theme-icon.svg);
}
.customization-lwtheme-menu-theme[active="true"],
@@ -5292,7 +5270,7 @@ notification.heartbeat {
}
/**
- * Override the --panel-arrowcontent-padding so the background extends
+ * Override the --arrowpanel-padding so the background extends
* to the sides and bottom of the panel.
*/
#UITourTooltipButtons {
@@ -5314,7 +5292,7 @@ notification.heartbeat {
width: 16px;
height: 16px;
margin: 7px;
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor;
}
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.css b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
index 4a15269..1171e26 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-dark.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
@@ -760,7 +760,7 @@ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-icon,
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-badge-stack > .toolbarbutton-icon,
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
#home-button[cui-areatype="menu-panel"],
@@ -1154,6 +1154,9 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-secure.svg);
visibility: visible; }
+#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon,
#urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon {
list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon);
visibility: visible; }
@@ -1163,12 +1166,6 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon);
visibility: visible; }
-#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon {
- list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon);
- visibility: visible; }
-
#identity-icon:-moz-lwtheme {
list-style-image: url(chrome://browser/skin/identity-icon.svg#normal-black); }
@@ -1198,6 +1195,9 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-secure.svg);
visibility: visible; }
+#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon:-moz-lwtheme,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon:-moz-lwtheme,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon:-moz-lwtheme,
#urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon:-moz-lwtheme {
list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon-black);
visibility: visible; }
@@ -1207,12 +1207,6 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon-black);
visibility: visible; }
-#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon:-moz-lwtheme,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon:-moz-lwtheme,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon:-moz-lwtheme {
- list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon-black);
- visibility: visible; }
-
#identity-box {
--identity-box-verified-color: #479900;
--identity-box-chrome-color: #e57300;
@@ -1281,9 +1275,10 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
#identity-box[sharing] > #identity-icon,
#sharing-icon {
- animation: 3s linear pulse infinite; }
+ animation: 3s linear identity-box-sharing-icon-pulse infinite; }
-@keyframes pulse {
+/* This should remain identical to tab-sharing-icon-pulse in tabs.inc.css */
+@keyframes identity-box-sharing-icon-pulse {
0%, 16.66%, 83.33%, 100% {
opacity: 0; }
33.33%, 66.66% {
@@ -1331,24 +1326,13 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
type of icon displayed. This rule must be defined before the others in order
for its list-style-image to be overridden. */
.notification-anchor-icon {
- list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16); }
-
-@media (min-resolution: 1.1dppx) {
- .notification-anchor-icon {
- list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } }
-.popup-notification-icon {
- width: 64px;
- height: 64px;
- margin-inline-end: 10px; }
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#default-info); }
.notification-anchor-icon:not(.plugin-blocked):-moz-lwtheme,
#blocked-permissions-container > .blocked-permission-icon:-moz-lwtheme {
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
-.notification-anchor-icon:not(.plugin-blocked):not(:hover) {
- opacity: .8; }
-
/* INDIVIDUAL NOTIFICATIONS */
.popup-notification-icon[popupid="web-notifications"],
.desktop-notification-icon {
@@ -1536,6 +1520,25 @@ html|*#webRTC-previewVideo {
.addon-install-confirmation-name {
font-weight: bold; }
+.addon-webext-perm-header {
+ font-size: 1.3em; }
+
+.addon-webext-name {
+ font-weight: bold;
+ margin: 0; }
+
+.addon-addon-icon {
+ width: 14px;
+ height: 14px;
+ list-style-image: url("chrome://browser/skin/menuPanel.svg");
+ -moz-image-region: rect(0px, 288px, 32px, 256px); }
+
+.addon-toolbar-icon {
+ width: 14px;
+ height: 14px;
+ list-style-image: url("chrome://browser/skin/Toolbar.png");
+ -moz-image-region: rect(0, 486px, 18px, 468px); }
+
/* Notification icon box */
.notification-anchor-icon:-moz-focusring {
outline: 1px dotted -moz-DialogText; }
@@ -1733,12 +1736,12 @@ notification[value="translation"] menulist > .menulist-dropmarker {
border-radius: 2px;
border: 1px solid transparent; }
-.autocomplete-richlistitem[selected=true] {
- background-color: Highlight; }
-
.ac-title {
font-size: 1.05em; }
+.ac-separator,
+.ac-url,
+.ac-action,
.ac-tags {
font-size: 0.9em; }
@@ -1749,18 +1752,11 @@ html|span.ac-tag {
border: 1px solid transparent;
padding: 0 1px; }
-.ac-separator,
-.ac-url,
-.ac-action {
- font-size: 0.9em;
+.ac-separator:not([selected=true]),
+.ac-url:not([selected=true]),
+.ac-action:not([selected=true]) {
color: -moz-nativehyperlinktext; }
-.ac-title[selected=true],
-.ac-separator[selected],
-.ac-url[selected=true],
-.ac-action[selected=true] {
- color: inherit !important; }
-
.ac-tags-text[selected] > html|span.ac-tag {
background-color: HighlightText;
color: Highlight; }
@@ -1776,26 +1772,14 @@ html|span.ac-emphasize-text-url {
.ac-type-icon[type=bookmark][selected][current] {
list-style-image: url("chrome://browser/skin/urlbar-star.svg#star-inverted"); }
-.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
- list-style-image: url("chrome://browser/skin/places/autocomplete-star.png");
- width: 16px;
- height: 16px; }
-
.ac-type-icon[type=keyword],
-.ac-site-icon[type=searchengine],
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
+.ac-site-icon[type=searchengine] {
list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon); }
.ac-type-icon[type=keyword][selected],
-.ac-site-icon[type=searchengine][selected],
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected) {
+.ac-site-icon[type=searchengine][selected] {
list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted); }
-.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
- list-style-image: url("chrome://browser/skin/places/tag.png");
- width: 16px;
- height: 16px; }
-
.ac-type-icon[type=switchtab],
.ac-type-icon[type=remotetab] {
list-style-image: url("chrome://browser/skin/urlbar-tab.svg#tab"); }
@@ -2158,9 +2142,10 @@ html|span.ac-emphasize-text-url {
.tab-icon-image[sharing]:not([selected]),
.tab-sharing-icon-overlay {
- animation: 3s linear pulse infinite; }
+ animation: 3s linear tab-sharing-icon-pulse infinite; }
-@keyframes pulse {
+/* This should remain identical to identity-box-sharing-icon-pulse in identity-block.inc.css */
+@keyframes tab-sharing-icon-pulse {
0%, 16.66%, 83.33%, 100% {
opacity: 0; }
33.33%, 66.66% {
@@ -2236,7 +2221,7 @@ html|span.ac-emphasize-text-url {
.tab-icon-sound[muted],
.tab-icon-sound[blocked] {
list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
.tab-icon-sound[muted] {
@@ -2248,12 +2233,12 @@ html|span.ac-emphasize-text-url {
.tab-icon-sound:-moz-lwtheme-darktext[soundplaying],
.tab-icon-sound:-moz-lwtheme-darktext[muted],
.tab-icon-sound:-moz-lwtheme-darktext[blocked] {
- filter: url(chrome://browser/skin/filters.svg#fill) drop-shadow(1px 1px 1px white); }
+ filter: url(chrome://global/skin/filters.svg#fill) drop-shadow(1px 1px 1px white); }
.tab-icon-sound:-moz-lwtheme-brighttext[soundplaying],
.tab-icon-sound:-moz-lwtheme-brighttext[muted],
.tab-icon-sound:-moz-lwtheme-brighttext[blocked] {
- filter: url(chrome://browser/skin/filters.svg#fill) drop-shadow(1px 1px 1px black); }
+ filter: url(chrome://global/skin/filters.svg#fill) drop-shadow(1px 1px 1px black); }
.tab-icon-sound[soundplaying]:not(:hover),
.tab-icon-sound[muted]:not(:hover),
@@ -2454,7 +2439,7 @@ lwtHeader;*/
.alltabs-endimage[muted],
.alltabs-endimage[blocked] {
list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
.alltabs-endimage[muted] {
@@ -2987,7 +2972,7 @@ html|*.pointerlockfswarning-exit-button {
/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
We are copy/pasting variables from light-theme and dark-theme,
since they aren't loaded in this context (within browser.css). */
-:root[devtoolstheme="light"] #developer-toolbar {
+#browser-bottombox[devtoolstheme="light"] #developer-toolbar {
--gcli-background-color: #fcfcfc;
/* --theme-tab-toolbar-background */
--gcli-input-background: #fcfcfc;
@@ -3007,7 +2992,7 @@ html|*.pointerlockfswarning-exit-button {
--command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus);
/* --theme-command-line-image-focus */ }
-:root[devtoolstheme="dark"] #developer-toolbar {
+#browser-bottombox[devtoolstheme="dark"] #developer-toolbar {
--gcli-background-color: #272b35;
/* --theme-toolbar-background */
--gcli-input-background: #272b35;
@@ -3045,8 +3030,8 @@ html|*.pointerlockfswarning-exit-button {
.developer-toolbar-button > image {
margin: auto 10px; }
-:root[devtoolstheme="light"] #developer-toolbar > .developer-toolbar-button:not([checked=true]) > image,
-:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
+#browser-bottombox[devtoolstheme="light"] #developer-toolbar > .developer-toolbar-button:not([checked=true]) > image,
+#browser-bottombox[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
filter: invert(1); }
.developer-toolbar-button > .toolbarbutton-icon {
@@ -3054,7 +3039,7 @@ html|*.pointerlockfswarning-exit-button {
height: 16px; }
/* The toolkit close button is low contrast in the dark theme so invert it. */
-:root[devtoolstheme="dark"] #developer-toolbar > .close-icon:not(:hover) > image {
+#browser-bottombox[devtoolstheme="dark"] #developer-toolbar > .close-icon:not(:hover) > image {
filter: invert(1); }
#developer-toolbar-toolbox-button {
@@ -3534,7 +3519,7 @@ toolbar[brighttext] #downloads-indicator-counter {
width: 20px;
height: 20px;
border-radius: 2px;
- background-image: url("chrome://browser/skin/theme-switcher-icon.png");
+ background-image: url("chrome://browser/content/default-theme-icon.svg");
background-size: contain; }
#main-window[customize-entered] #customization-panel-container {
@@ -3671,7 +3656,7 @@ toolbarpaletteitem[place="toolbar"]:not([mousedown="true"]):-moz-focusring {
padding-inline-start: 0; }
.customization-lwtheme-menu-theme[defaulttheme] {
- list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); }
+ list-style-image: url(chrome://browser/content/default-theme-icon.svg); }
.customization-lwtheme-menu-theme[active="true"],
.customization-lwtheme-menu-theme:hover {
@@ -4086,7 +4071,7 @@ notification.heartbeat {
width: 16px; }
/**
- * Override the --panel-arrowcontent-padding so the background extends
+ * Override the --arrowpanel-padding so the background extends
* to the sides and bottom of the panel.
*/
#UITourTooltipButtons {
@@ -4105,7 +4090,7 @@ notification.heartbeat {
width: 16px;
height: 16px;
margin: 7px;
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
#context-back {
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
index f48dd3c..ddc4dfd 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
@@ -760,7 +760,7 @@ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-icon,
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-badge-stack > .toolbarbutton-icon,
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
#home-button[cui-areatype="menu-panel"],
@@ -1153,6 +1153,9 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-secure.svg);
visibility: visible; }
+#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon,
#urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon {
list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon);
visibility: visible; }
@@ -1162,12 +1165,6 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon);
visibility: visible; }
-#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon {
- list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon);
- visibility: visible; }
-
#identity-icon:-moz-lwtheme {
list-style-image: url(chrome://browser/skin/identity-icon.svg#normal-black); }
@@ -1197,6 +1194,9 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-secure.svg);
visibility: visible; }
+#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon:-moz-lwtheme,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon:-moz-lwtheme,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon:-moz-lwtheme,
#urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon:-moz-lwtheme {
list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon-black);
visibility: visible; }
@@ -1206,12 +1206,6 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon-black);
visibility: visible; }
-#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon:-moz-lwtheme,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon:-moz-lwtheme,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon:-moz-lwtheme {
- list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon-black);
- visibility: visible; }
-
#identity-box {
--identity-box-verified-color: #479900;
--identity-box-chrome-color: #e57300;
@@ -1280,9 +1274,10 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
#identity-box[sharing] > #identity-icon,
#sharing-icon {
- animation: 3s linear pulse infinite; }
+ animation: 3s linear identity-box-sharing-icon-pulse infinite; }
-@keyframes pulse {
+/* This should remain identical to tab-sharing-icon-pulse in tabs.inc.css */
+@keyframes identity-box-sharing-icon-pulse {
0%, 16.66%, 83.33%, 100% {
opacity: 0; }
33.33%, 66.66% {
@@ -1330,24 +1325,13 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
type of icon displayed. This rule must be defined before the others in order
for its list-style-image to be overridden. */
.notification-anchor-icon {
- list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16); }
-
-@media (min-resolution: 1.1dppx) {
- .notification-anchor-icon {
- list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } }
-.popup-notification-icon {
- width: 64px;
- height: 64px;
- margin-inline-end: 10px; }
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#default-info); }
.notification-anchor-icon:not(.plugin-blocked):-moz-lwtheme,
#blocked-permissions-container > .blocked-permission-icon:-moz-lwtheme {
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
-.notification-anchor-icon:not(.plugin-blocked):not(:hover) {
- opacity: .8; }
-
/* INDIVIDUAL NOTIFICATIONS */
.popup-notification-icon[popupid="web-notifications"],
.desktop-notification-icon {
@@ -1535,6 +1519,25 @@ html|*#webRTC-previewVideo {
.addon-install-confirmation-name {
font-weight: bold; }
+.addon-webext-perm-header {
+ font-size: 1.3em; }
+
+.addon-webext-name {
+ font-weight: bold;
+ margin: 0; }
+
+.addon-addon-icon {
+ width: 14px;
+ height: 14px;
+ list-style-image: url("chrome://browser/skin/menuPanel.svg");
+ -moz-image-region: rect(0px, 288px, 32px, 256px); }
+
+.addon-toolbar-icon {
+ width: 14px;
+ height: 14px;
+ list-style-image: url("chrome://browser/skin/Toolbar.png");
+ -moz-image-region: rect(0, 486px, 18px, 468px); }
+
/* Notification icon box */
.notification-anchor-icon:-moz-focusring {
outline: 1px dotted -moz-DialogText; }
@@ -1732,12 +1735,12 @@ notification[value="translation"] menulist > .menulist-dropmarker {
border-radius: 2px;
border: 1px solid transparent; }
-.autocomplete-richlistitem[selected=true] {
- background-color: Highlight; }
-
.ac-title {
font-size: 1.05em; }
+.ac-separator,
+.ac-url,
+.ac-action,
.ac-tags {
font-size: 0.9em; }
@@ -1748,18 +1751,11 @@ html|span.ac-tag {
border: 1px solid transparent;
padding: 0 1px; }
-.ac-separator,
-.ac-url,
-.ac-action {
- font-size: 0.9em;
+.ac-separator:not([selected=true]),
+.ac-url:not([selected=true]),
+.ac-action:not([selected=true]) {
color: -moz-nativehyperlinktext; }
-.ac-title[selected=true],
-.ac-separator[selected],
-.ac-url[selected=true],
-.ac-action[selected=true] {
- color: inherit !important; }
-
.ac-tags-text[selected] > html|span.ac-tag {
background-color: HighlightText;
color: Highlight; }
@@ -1775,26 +1771,14 @@ html|span.ac-emphasize-text-url {
.ac-type-icon[type=bookmark][selected][current] {
list-style-image: url("chrome://browser/skin/urlbar-star.svg#star-inverted"); }
-.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
- list-style-image: url("chrome://browser/skin/places/autocomplete-star.png");
- width: 16px;
- height: 16px; }
-
.ac-type-icon[type=keyword],
-.ac-site-icon[type=searchengine],
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
+.ac-site-icon[type=searchengine] {
list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon); }
.ac-type-icon[type=keyword][selected],
-.ac-site-icon[type=searchengine][selected],
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected) {
+.ac-site-icon[type=searchengine][selected] {
list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted); }
-.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
- list-style-image: url("chrome://browser/skin/places/tag.png");
- width: 16px;
- height: 16px; }
-
.ac-type-icon[type=switchtab],
.ac-type-icon[type=remotetab] {
list-style-image: url("chrome://browser/skin/urlbar-tab.svg#tab"); }
@@ -2158,9 +2142,10 @@ html|span.ac-emphasize-text-url {
.tab-icon-image[sharing]:not([selected]),
.tab-sharing-icon-overlay {
- animation: 3s linear pulse infinite; }
+ animation: 3s linear tab-sharing-icon-pulse infinite; }
-@keyframes pulse {
+/* This should remain identical to identity-box-sharing-icon-pulse in identity-block.inc.css */
+@keyframes tab-sharing-icon-pulse {
0%, 16.66%, 83.33%, 100% {
opacity: 0; }
33.33%, 66.66% {
@@ -2236,7 +2221,7 @@ html|span.ac-emphasize-text-url {
.tab-icon-sound[muted],
.tab-icon-sound[blocked] {
list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
.tab-icon-sound[muted] {
@@ -2248,12 +2233,12 @@ html|span.ac-emphasize-text-url {
.tab-icon-sound:-moz-lwtheme-darktext[soundplaying],
.tab-icon-sound:-moz-lwtheme-darktext[muted],
.tab-icon-sound:-moz-lwtheme-darktext[blocked] {
- filter: url(chrome://browser/skin/filters.svg#fill) drop-shadow(1px 1px 1px white); }
+ filter: url(chrome://global/skin/filters.svg#fill) drop-shadow(1px 1px 1px white); }
.tab-icon-sound:-moz-lwtheme-brighttext[soundplaying],
.tab-icon-sound:-moz-lwtheme-brighttext[muted],
.tab-icon-sound:-moz-lwtheme-brighttext[blocked] {
- filter: url(chrome://browser/skin/filters.svg#fill) drop-shadow(1px 1px 1px black); }
+ filter: url(chrome://global/skin/filters.svg#fill) drop-shadow(1px 1px 1px black); }
.tab-icon-sound[soundplaying]:not(:hover),
.tab-icon-sound[muted]:not(:hover),
@@ -2454,7 +2439,7 @@ lwtHeader;*/
.alltabs-endimage[muted],
.alltabs-endimage[blocked] {
list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
.alltabs-endimage[muted] {
@@ -2987,7 +2972,7 @@ html|*.pointerlockfswarning-exit-button {
/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
We are copy/pasting variables from light-theme and dark-theme,
since they aren't loaded in this context (within browser.css). */
-:root[devtoolstheme="light"] #developer-toolbar {
+#browser-bottombox[devtoolstheme="light"] #developer-toolbar {
--gcli-background-color: #fcfcfc;
/* --theme-tab-toolbar-background */
--gcli-input-background: #fcfcfc;
@@ -3007,7 +2992,7 @@ html|*.pointerlockfswarning-exit-button {
--command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus);
/* --theme-command-line-image-focus */ }
-:root[devtoolstheme="dark"] #developer-toolbar {
+#browser-bottombox[devtoolstheme="dark"] #developer-toolbar {
--gcli-background-color: #272b35;
/* --theme-toolbar-background */
--gcli-input-background: #272b35;
@@ -3045,8 +3030,8 @@ html|*.pointerlockfswarning-exit-button {
.developer-toolbar-button > image {
margin: auto 10px; }
-:root[devtoolstheme="light"] #developer-toolbar > .developer-toolbar-button:not([checked=true]) > image,
-:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
+#browser-bottombox[devtoolstheme="light"] #developer-toolbar > .developer-toolbar-button:not([checked=true]) > image,
+#browser-bottombox[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
filter: invert(1); }
.developer-toolbar-button > .toolbarbutton-icon {
@@ -3054,7 +3039,7 @@ html|*.pointerlockfswarning-exit-button {
height: 16px; }
/* The toolkit close button is low contrast in the dark theme so invert it. */
-:root[devtoolstheme="dark"] #developer-toolbar > .close-icon:not(:hover) > image {
+#browser-bottombox[devtoolstheme="dark"] #developer-toolbar > .close-icon:not(:hover) > image {
filter: invert(1); }
#developer-toolbar-toolbox-button {
@@ -3534,7 +3519,7 @@ toolbar[brighttext] #downloads-indicator-counter {
width: 20px;
height: 20px;
border-radius: 2px;
- background-image: url("chrome://browser/skin/theme-switcher-icon.png");
+ background-image: url("chrome://browser/content/default-theme-icon.svg");
background-size: contain; }
#main-window[customize-entered] #customization-panel-container {
@@ -3671,7 +3656,7 @@ toolbarpaletteitem[place="toolbar"]:not([mousedown="true"]):-moz-focusring {
padding-inline-start: 0; }
.customization-lwtheme-menu-theme[defaulttheme] {
- list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); }
+ list-style-image: url(chrome://browser/content/default-theme-icon.svg); }
.customization-lwtheme-menu-theme[active="true"],
.customization-lwtheme-menu-theme:hover {
@@ -4086,7 +4071,7 @@ notification.heartbeat {
width: 16px; }
/**
- * Override the --panel-arrowcontent-padding so the background extends
+ * Override the --arrowpanel-padding so the background extends
* to the sides and bottom of the panel.
*/
#UITourTooltipButtons {
@@ -4105,7 +4090,7 @@ notification.heartbeat {
width: 16px;
height: 16px;
margin: 7px;
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
#context-back {
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css
index 6ccccc4..e3de08a 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-light.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css
@@ -760,7 +760,7 @@ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-icon,
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-badge-stack > .toolbarbutton-icon,
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
#home-button[cui-areatype="menu-panel"],
@@ -1153,6 +1153,9 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-secure.svg);
visibility: visible; }
+#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon,
#urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon {
list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon);
visibility: visible; }
@@ -1162,12 +1165,6 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon);
visibility: visible; }
-#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon {
- list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon);
- visibility: visible; }
-
#identity-icon:-moz-lwtheme {
list-style-image: url(chrome://browser/skin/identity-icon.svg#normal-black); }
@@ -1197,6 +1194,9 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-secure.svg);
visibility: visible; }
+#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon:-moz-lwtheme,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon:-moz-lwtheme,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon:-moz-lwtheme,
#urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon:-moz-lwtheme {
list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon-black);
visibility: visible; }
@@ -1206,12 +1206,6 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon-black);
visibility: visible; }
-#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon:-moz-lwtheme,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon:-moz-lwtheme,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon:-moz-lwtheme {
- list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon-black);
- visibility: visible; }
-
#identity-box {
--identity-box-verified-color: #479900;
--identity-box-chrome-color: #e57300;
@@ -1280,9 +1274,10 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
#identity-box[sharing] > #identity-icon,
#sharing-icon {
- animation: 3s linear pulse infinite; }
+ animation: 3s linear identity-box-sharing-icon-pulse infinite; }
-@keyframes pulse {
+/* This should remain identical to tab-sharing-icon-pulse in tabs.inc.css */
+@keyframes identity-box-sharing-icon-pulse {
0%, 16.66%, 83.33%, 100% {
opacity: 0; }
33.33%, 66.66% {
@@ -1330,24 +1325,13 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
type of icon displayed. This rule must be defined before the others in order
for its list-style-image to be overridden. */
.notification-anchor-icon {
- list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16); }
-
-@media (min-resolution: 1.1dppx) {
- .notification-anchor-icon {
- list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } }
-.popup-notification-icon {
- width: 64px;
- height: 64px;
- margin-inline-end: 10px; }
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#default-info); }
.notification-anchor-icon:not(.plugin-blocked):-moz-lwtheme,
#blocked-permissions-container > .blocked-permission-icon:-moz-lwtheme {
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
-.notification-anchor-icon:not(.plugin-blocked):not(:hover) {
- opacity: .8; }
-
/* INDIVIDUAL NOTIFICATIONS */
.popup-notification-icon[popupid="web-notifications"],
.desktop-notification-icon {
@@ -1535,6 +1519,25 @@ html|*#webRTC-previewVideo {
.addon-install-confirmation-name {
font-weight: bold; }
+.addon-webext-perm-header {
+ font-size: 1.3em; }
+
+.addon-webext-name {
+ font-weight: bold;
+ margin: 0; }
+
+.addon-addon-icon {
+ width: 14px;
+ height: 14px;
+ list-style-image: url("chrome://browser/skin/menuPanel.svg");
+ -moz-image-region: rect(0px, 288px, 32px, 256px); }
+
+.addon-toolbar-icon {
+ width: 14px;
+ height: 14px;
+ list-style-image: url("chrome://browser/skin/Toolbar.png");
+ -moz-image-region: rect(0, 486px, 18px, 468px); }
+
/* Notification icon box */
.notification-anchor-icon:-moz-focusring {
outline: 1px dotted -moz-DialogText; }
@@ -1732,12 +1735,12 @@ notification[value="translation"] menulist > .menulist-dropmarker {
border-radius: 2px;
border: 1px solid transparent; }
-.autocomplete-richlistitem[selected=true] {
- background-color: Highlight; }
-
.ac-title {
font-size: 1.05em; }
+.ac-separator,
+.ac-url,
+.ac-action,
.ac-tags {
font-size: 0.9em; }
@@ -1748,18 +1751,11 @@ html|span.ac-tag {
border: 1px solid transparent;
padding: 0 1px; }
-.ac-separator,
-.ac-url,
-.ac-action {
- font-size: 0.9em;
+.ac-separator:not([selected=true]),
+.ac-url:not([selected=true]),
+.ac-action:not([selected=true]) {
color: -moz-nativehyperlinktext; }
-.ac-title[selected=true],
-.ac-separator[selected],
-.ac-url[selected=true],
-.ac-action[selected=true] {
- color: inherit !important; }
-
.ac-tags-text[selected] > html|span.ac-tag {
background-color: HighlightText;
color: Highlight; }
@@ -1775,26 +1771,14 @@ html|span.ac-emphasize-text-url {
.ac-type-icon[type=bookmark][selected][current] {
list-style-image: url("chrome://browser/skin/urlbar-star.svg#star-inverted"); }
-.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
- list-style-image: url("chrome://browser/skin/places/autocomplete-star.png");
- width: 16px;
- height: 16px; }
-
.ac-type-icon[type=keyword],
-.ac-site-icon[type=searchengine],
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
+.ac-site-icon[type=searchengine] {
list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon); }
.ac-type-icon[type=keyword][selected],
-.ac-site-icon[type=searchengine][selected],
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected) {
+.ac-site-icon[type=searchengine][selected] {
list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted); }
-.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
- list-style-image: url("chrome://browser/skin/places/tag.png");
- width: 16px;
- height: 16px; }
-
.ac-type-icon[type=switchtab],
.ac-type-icon[type=remotetab] {
list-style-image: url("chrome://browser/skin/urlbar-tab.svg#tab"); }
@@ -2158,9 +2142,10 @@ html|span.ac-emphasize-text-url {
.tab-icon-image[sharing]:not([selected]),
.tab-sharing-icon-overlay {
- animation: 3s linear pulse infinite; }
+ animation: 3s linear tab-sharing-icon-pulse infinite; }
-@keyframes pulse {
+/* This should remain identical to identity-box-sharing-icon-pulse in identity-block.inc.css */
+@keyframes tab-sharing-icon-pulse {
0%, 16.66%, 83.33%, 100% {
opacity: 0; }
33.33%, 66.66% {
@@ -2236,7 +2221,7 @@ html|span.ac-emphasize-text-url {
.tab-icon-sound[muted],
.tab-icon-sound[blocked] {
list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
.tab-icon-sound[muted] {
@@ -2248,12 +2233,12 @@ html|span.ac-emphasize-text-url {
.tab-icon-sound:-moz-lwtheme-darktext[soundplaying],
.tab-icon-sound:-moz-lwtheme-darktext[muted],
.tab-icon-sound:-moz-lwtheme-darktext[blocked] {
- filter: url(chrome://browser/skin/filters.svg#fill) drop-shadow(1px 1px 1px white); }
+ filter: url(chrome://global/skin/filters.svg#fill) drop-shadow(1px 1px 1px white); }
.tab-icon-sound:-moz-lwtheme-brighttext[soundplaying],
.tab-icon-sound:-moz-lwtheme-brighttext[muted],
.tab-icon-sound:-moz-lwtheme-brighttext[blocked] {
- filter: url(chrome://browser/skin/filters.svg#fill) drop-shadow(1px 1px 1px black); }
+ filter: url(chrome://global/skin/filters.svg#fill) drop-shadow(1px 1px 1px black); }
.tab-icon-sound[soundplaying]:not(:hover),
.tab-icon-sound[muted]:not(:hover),
@@ -2454,7 +2439,7 @@ lwtHeader;*/
.alltabs-endimage[muted],
.alltabs-endimage[blocked] {
list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
.alltabs-endimage[muted] {
@@ -2987,7 +2972,7 @@ html|*.pointerlockfswarning-exit-button {
/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
We are copy/pasting variables from light-theme and dark-theme,
since they aren't loaded in this context (within browser.css). */
-:root[devtoolstheme="light"] #developer-toolbar {
+#browser-bottombox[devtoolstheme="light"] #developer-toolbar {
--gcli-background-color: #fcfcfc;
/* --theme-tab-toolbar-background */
--gcli-input-background: #fcfcfc;
@@ -3007,7 +2992,7 @@ html|*.pointerlockfswarning-exit-button {
--command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus);
/* --theme-command-line-image-focus */ }
-:root[devtoolstheme="dark"] #developer-toolbar {
+#browser-bottombox[devtoolstheme="dark"] #developer-toolbar {
--gcli-background-color: #272b35;
/* --theme-toolbar-background */
--gcli-input-background: #272b35;
@@ -3045,8 +3030,8 @@ html|*.pointerlockfswarning-exit-button {
.developer-toolbar-button > image {
margin: auto 10px; }
-:root[devtoolstheme="light"] #developer-toolbar > .developer-toolbar-button:not([checked=true]) > image,
-:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
+#browser-bottombox[devtoolstheme="light"] #developer-toolbar > .developer-toolbar-button:not([checked=true]) > image,
+#browser-bottombox[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
filter: invert(1); }
.developer-toolbar-button > .toolbarbutton-icon {
@@ -3054,7 +3039,7 @@ html|*.pointerlockfswarning-exit-button {
height: 16px; }
/* The toolkit close button is low contrast in the dark theme so invert it. */
-:root[devtoolstheme="dark"] #developer-toolbar > .close-icon:not(:hover) > image {
+#browser-bottombox[devtoolstheme="dark"] #developer-toolbar > .close-icon:not(:hover) > image {
filter: invert(1); }
#developer-toolbar-toolbox-button {
@@ -3534,7 +3519,7 @@ toolbar[brighttext] #downloads-indicator-counter {
width: 20px;
height: 20px;
border-radius: 2px;
- background-image: url("chrome://browser/skin/theme-switcher-icon.png");
+ background-image: url("chrome://browser/content/default-theme-icon.svg");
background-size: contain; }
#main-window[customize-entered] #customization-panel-container {
@@ -3671,7 +3656,7 @@ toolbarpaletteitem[place="toolbar"]:not([mousedown="true"]):-moz-focusring {
padding-inline-start: 0; }
.customization-lwtheme-menu-theme[defaulttheme] {
- list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); }
+ list-style-image: url(chrome://browser/content/default-theme-icon.svg); }
.customization-lwtheme-menu-theme[active="true"],
.customization-lwtheme-menu-theme:hover {
@@ -4086,7 +4071,7 @@ notification.heartbeat {
width: 16px; }
/**
- * Override the --panel-arrowcontent-padding so the background extends
+ * Override the --arrowpanel-padding so the background extends
* to the sides and bottom of the panel.
*/
#UITourTooltipButtons {
@@ -4105,7 +4090,7 @@ notification.heartbeat {
width: 16px;
height: 16px;
margin: 7px;
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor; }
#context-back {
diff --git a/arc-firefox-theme/chrome/browser/searchReset.css b/arc-firefox-theme/chrome/browser/searchReset.css
index 3573d7d..8005073 100644
--- a/arc-firefox-theme/chrome/browser/searchReset.css
+++ b/arc-firefox-theme/chrome/browser/searchReset.css
@@ -17,6 +17,6 @@ body {
background-size: 16px, 16px;
}
-#defaultEngine:-moz-dir(rtl) {
+#defaultEngine:dir(rtl) {
background-position: calc(100% - 5px) center;
}
diff --git a/arc-firefox-theme/chrome/browser/searchbar.css b/arc-firefox-theme/chrome/browser/searchbar.css
index cb4103d..a07413c 100644
--- a/arc-firefox-theme/chrome/browser/searchbar.css
+++ b/arc-firefox-theme/chrome/browser/searchbar.css
@@ -266,6 +266,11 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
color: HighlightText;
}
+.addengine-item[type=menu][selected] {
+ color: inherit;
+ background-color: var(--arrowpanel-dimmed-further);
+}
+
.addengine-icon {
width: 16px;
}
@@ -277,7 +282,8 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
list-style-image: url("chrome://browser/skin/badge-add-engine.png");
}
-.addengine-item > .button-box > .button-text {
+.addengine-item > .button-box > .button-text,
+.addengine-item[type=menu] > .button-box > .box-inherit > .button-text {
-moz-box-flex: 1;
text-align: start;
padding-inline-start: 10px;
@@ -297,6 +303,12 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
}
}
+.addengine-item[type=menu] > .button-box > .button-menu-dropmarker {
+ display: -moz-box;
+ -moz-appearance: menuarrow !important;
+ list-style-image: none;
+}
+
.search-panel-tree > .autocomplete-treebody::-moz-tree-cell {
border-top: none !important;
}
@@ -331,6 +343,6 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
.search-setting-button-compact > .button-box > .button-icon {
list-style-image: url("chrome://browser/skin/gear.svg");
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor;
}
diff --git a/arc-firefox-theme/chrome/browser/social/gear_clicked.png b/arc-firefox-theme/chrome/browser/social/gear_clicked.png
deleted file mode 100644
index 7c93aa7..0000000
--- a/arc-firefox-theme/chrome/browser/social/gear_clicked.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/social/gear_default.png b/arc-firefox-theme/chrome/browser/social/gear_default.png
deleted file mode 100644
index 2a9c8e1..0000000
--- a/arc-firefox-theme/chrome/browser/social/gear_default.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/social/share-button-active.png b/arc-firefox-theme/chrome/browser/social/share-button-active.png
deleted file mode 100644
index 7df438d..0000000
--- a/arc-firefox-theme/chrome/browser/social/share-button-active.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/social/share-button.png b/arc-firefox-theme/chrome/browser/social/share-button.png
deleted file mode 100644
index c5298c1..0000000
--- a/arc-firefox-theme/chrome/browser/social/share-button.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/syncProgress-menuPanel.png b/arc-firefox-theme/chrome/browser/syncProgress-menuPanel.png
deleted file mode 100644
index 6fd6f9c..0000000
--- a/arc-firefox-theme/chrome/browser/syncProgress-menuPanel.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/syncProgress-menuPanel@2x.png b/arc-firefox-theme/chrome/browser/syncProgress-menuPanel@2x.png
deleted file mode 100644
index 04b2cae..0000000
--- a/arc-firefox-theme/chrome/browser/syncProgress-menuPanel@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/syncProgress-toolbar-inverted.png b/arc-firefox-theme/chrome/browser/syncProgress-toolbar-inverted.png
deleted file mode 100644
index 4ede438..0000000
--- a/arc-firefox-theme/chrome/browser/syncProgress-toolbar-inverted.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/syncProgress-toolbar.png b/arc-firefox-theme/chrome/browser/syncProgress-toolbar.png
deleted file mode 100644
index 49e224f..0000000
--- a/arc-firefox-theme/chrome/browser/syncProgress-toolbar.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/theme-switcher-icon.png b/arc-firefox-theme/chrome/browser/theme-switcher-icon.png
deleted file mode 100644
index 891e7af..0000000
--- a/arc-firefox-theme/chrome/browser/theme-switcher-icon.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/theme-switcher-icon@2x.png b/arc-firefox-theme/chrome/browser/theme-switcher-icon@2x.png
deleted file mode 100644
index 286adfe..0000000
--- a/arc-firefox-theme/chrome/browser/theme-switcher-icon@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-camera-white-16.png b/arc-firefox-theme/chrome/browser/webRTC-camera-white-16.png
deleted file mode 100644
index e1e360b..0000000
--- a/arc-firefox-theme/chrome/browser/webRTC-camera-white-16.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-indicator.css b/arc-firefox-theme/chrome/browser/webRTC-indicator.css
index c22f942..938d643 100644
--- a/arc-firefox-theme/chrome/browser/webRTC-indicator.css
+++ b/arc-firefox-theme/chrome/browser/webRTC-indicator.css
@@ -29,7 +29,7 @@ window {
}
#screenShareButton {
- background-image: url("webRTC-screen-white-16.png");
+ background-image: url("chrome://browser/skin/notification-icons.svg#screen-indicator");
background-position: center center;
background-repeat: no-repeat;
background-size: 16px;
@@ -61,17 +61,17 @@ window[sharingaudio] > #audioVideoButton {
}
window[sharingvideo] > #audioVideoButton {
- background-image: url("webRTC-camera-white-16.png");
+ background-image: url("chrome://browser/skin/notification-icons.svg#camera-indicator");
}
window[sharingaudio] > #audioVideoButton {
- background-image: url("webRTC-microphone-white-16.png");
+ background-image: url("chrome://browser/skin/notification-icons.svg#microphone-indicator");
}
/* Multi-icon button: */
window[sharingaudio][sharingvideo] > #audioVideoButton {
- background-image: url("webRTC-camera-white-16.png"),
- url("webRTC-microphone-white-16.png");
+ background-image: url("chrome://browser/skin/notification-icons.svg#camera-indicator"),
+ url("chrome://browser/skin/notification-icons.svg#microphone-indicator");
background-position: 6px center, 26px center;
background-size: 16px, 16px;
min-width: 46px;
diff --git a/arc-firefox-theme/chrome/browser/webRTC-microphone-white-16.png b/arc-firefox-theme/chrome/browser/webRTC-microphone-white-16.png
deleted file mode 100644
index 0091529..0000000
--- a/arc-firefox-theme/chrome/browser/webRTC-microphone-white-16.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-screen-white-16.png b/arc-firefox-theme/chrome/browser/webRTC-screen-white-16.png
deleted file mode 100644
index 045bfd3..0000000
--- a/arc-firefox-theme/chrome/browser/webRTC-screen-white-16.png
+++ /dev/null
Binary files differ