aboutsummaryrefslogtreecommitdiff
path: root/arc-firefox-theme/chrome
diff options
context:
space:
mode:
Diffstat (limited to 'arc-firefox-theme/chrome')
-rw-r--r--arc-firefox-theme/chrome/browser/aboutNetError.css24
-rw-r--r--arc-firefox-theme/chrome/browser/aboutTabCrashed.css69
-rw-r--r--arc-firefox-theme/chrome/browser/addons/addon-install-anchor.svg30
-rw-r--r--arc-firefox-theme/chrome/browser/browser.css375
-rw-r--r--arc-firefox-theme/chrome/browser/controlcenter/panel.css10
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-audio-small.svg99
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-audio.svg150
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-audio-small.svg97
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-audio.svg150
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/panelUI.css12
-rw-r--r--arc-firefox-theme/chrome/browser/devedition.css1
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/common.css2
-rw-r--r--arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css194
-rw-r--r--arc-firefox-theme/chrome/browser/downloads/buttons.pngbin12765 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/downloads/downloads.css293
-rw-r--r--arc-firefox-theme/chrome/browser/menuPanel.svg1
-rw-r--r--arc-firefox-theme/chrome/browser/newtab/newTab.css13
-rw-r--r--arc-firefox-theme/chrome/browser/notification-icons.svg6
-rw-r--r--arc-firefox-theme/chrome/browser/pageInfo.css13
-rw-r--r--arc-firefox-theme/chrome/browser/panel-icons.svg10
-rw-r--r--arc-firefox-theme/chrome/browser/places/organizer.css17
-rw-r--r--arc-firefox-theme/chrome/browser/places/places.css99
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/containers.css143
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/in-content/containers.css122
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css3
-rw-r--r--arc-firefox-theme/chrome/browser/privatebrowsing/aboutPrivateBrowsing.css17
-rw-r--r--arc-firefox-theme/chrome/browser/sanitizeDialog.css2
-rw-r--r--arc-firefox-theme/chrome/browser/sass/_browser-sass.scss460
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-dark.css375
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-darker.css375
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-light.css375
-rw-r--r--arc-firefox-theme/chrome/browser/searchbar.css31
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-audio-small.svg14
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-audio.svg3
-rw-r--r--arc-firefox-theme/chrome/browser/usercontext/banking.svg8
-rw-r--r--arc-firefox-theme/chrome/browser/usercontext/personal.svg8
-rw-r--r--arc-firefox-theme/chrome/browser/usercontext/shopping.svg8
-rw-r--r--arc-firefox-theme/chrome/browser/usercontext/work.svg8
-rw-r--r--arc-firefox-theme/chrome/browser/warning-white.svg6
-rw-r--r--arc-firefox-theme/chrome/browser/wifi.svg30
-rw-r--r--arc-firefox-theme/chrome/global/aboutReaderControls.css1
-rw-r--r--arc-firefox-theme/chrome/global/button.css196
-rw-r--r--arc-firefox-theme/chrome/global/global.css8
-rw-r--r--arc-firefox-theme/chrome/global/icons/input-clear.svg16
-rw-r--r--arc-firefox-theme/chrome/global/in-content/common.css10
-rw-r--r--arc-firefox-theme/chrome/global/menu.css19
-rw-r--r--arc-firefox-theme/chrome/global/narrate.css35
-rw-r--r--arc-firefox-theme/chrome/global/notification.css10
-rw-r--r--arc-firefox-theme/chrome/global/popup.css10
-rw-r--r--arc-firefox-theme/chrome/global/scale/scale-tray-horiz.gifbin0 -> 50 bytes
-rw-r--r--arc-firefox-theme/chrome/global/scale/scale-tray-vert.gifbin0 -> 50 bytes
-rw-r--r--arc-firefox-theme/chrome/global/textbox.css55
-rw-r--r--arc-firefox-theme/chrome/global/timepicker.css153
-rw-r--r--arc-firefox-theme/chrome/global/tree.css15
-rw-r--r--arc-firefox-theme/chrome/mozapps/aboutNetworking.css5
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/extensions.css5
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/newaddon.css1
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/update.css4
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/contentPluginDisabled.pngbin1620 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/contentPluginDownload.pngbin1061 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/contentPluginMissing.pngbin1572 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/pluginProblem.css17
62 files changed, 1781 insertions, 2432 deletions
diff --git a/arc-firefox-theme/chrome/browser/aboutNetError.css b/arc-firefox-theme/chrome/browser/aboutNetError.css
index 7141c0c..c0b76aa 100644
--- a/arc-firefox-theme/chrome/browser/aboutNetError.css
+++ b/arc-firefox-theme/chrome/browser/aboutNetError.css
@@ -16,6 +16,10 @@ body.certerror {
#f0d000 66%, #f0d000);
}
+body.captiveportal .title {
+ background-image: url("wifi.svg");
+}
+
body.certerror .title {
background-image: url("cert-error.svg");
}
@@ -39,15 +43,15 @@ button:disabled {
display: none;
}
-#certErrorButtonContainer {
+#certErrorAndCaptivePortalButtonContainer {
display: none;
}
-body.certerror #certErrorButtonContainer {
+body:not(.neterror) #certErrorAndCaptivePortalButtonContainer {
display: flex;
}
-body.certerror #netErrorButtonContainer {
+body:not(.neterror) #netErrorButtonContainer {
display: none;
}
@@ -64,7 +68,19 @@ body.certerror #netErrorButtonContainer {
display: none;
}
-body.certerror #advancedButton {
+body.captiveportal #returnButton {
+ display: none;
+}
+
+body:not(.captiveportal) #openPortalLoginPageButton {
+ display: none;
+}
+
+#openPortalLoginPageButton {
+ margin-inline-start: 0;
+}
+
+body:not(.neterror) #advancedButton {
display: block;
}
diff --git a/arc-firefox-theme/chrome/browser/aboutTabCrashed.css b/arc-firefox-theme/chrome/browser/aboutTabCrashed.css
index e42922a..264fb42 100644
--- a/arc-firefox-theme/chrome/browser/aboutTabCrashed.css
+++ b/arc-firefox-theme/chrome/browser/aboutTabCrashed.css
@@ -2,16 +2,35 @@
* 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/. */
+body {
+ font-size: 1.25rem;
+}
+
.title {
background-image: url("chrome://browser/skin/tab-crashed.svg");
}
+.title > h1,
+.offers {
+ margin-left: 14px;
+}
+
+.title > h1 {
+ /**
+ * Add commentary?
+ */
+ padding-right: 14px;
+}
+
+.container {
+ width: 45%;
+}
+
#reportSent {
font-weight: bold;
}
-#crash-reporter-container {
- width: 80%;
+#reportBox {
background-color: var(--in-content-box-background-hover);
margin: 24px 0;
padding: 14px;
@@ -19,6 +38,10 @@
border-radius: 2px;
}
+#reportBox > h2:first-child {
+ margin-top: 0;
+}
+
#crash-reporter-title {
font-weight: bold;
margin: 0 0 14px 0;
@@ -31,12 +54,48 @@ textarea {
resize: none;
}
+input[type="text"],
+input[type="checkbox"] {
+ -moz-margin-start: 0px;
+}
+
#options {
list-style: none;
margin-inline-start: 0;
}
-input[type="text"],
-#options > li {
- margin: 14px 0 0 0;
+#options > li,
+#email {
+ margin-top: 14px;
+}
+
+.checkbox-with-label {
+ display: flex;
}
+
+.checkbox-with-label > label {
+ margin-top: auto;
+ margin-bottom: auto;
+}
+
+/**
+ * Hack alert: the #autoSubmit checkbox has a long label, which means
+ * it often wraps, at least in en-US. Bug 418833 and bug 1317795 allows
+ * us to fix this properly, but bug 418833 didn't uplift in time for this
+ * release. We use some hackery here to make sure that this label wraps
+ * properly, and doesn't end up underneath the checkbox pseudoelement.
+ * We do this by setting a negative margin on the pseudoelement, and then
+ * a positive equivalent margin on the label itself.
+ *
+ * The magic number of 35px is derived from the total width of the checkbox.
+ * The checkbox width is explicitly set at 23px. This, plus the 1px border on either
+ * side gives us 25px. Then there's the 10px margin-inline-end, which gives us 35px.
+ */
+#autoSubmit + label:before {
+ margin-inline-start: -35px;
+}
+
+#autoSubmit + label {
+ margin-inline-start: 35px;
+ line-height: 1.75em;
+} \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/addons/addon-install-anchor.svg b/arc-firefox-theme/chrome/browser/addons/addon-install-anchor.svg
index 60c59cf..901109e 100644
--- a/arc-firefox-theme/chrome/browser/addons/addon-install-anchor.svg
+++ b/arc-firefox-theme/chrome/browser/addons/addon-install-anchor.svg
@@ -3,9 +3,37 @@
- 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" xmlns:xlink="http://www.w3.org/1999/xlink"
+ class="fieldtext"
width="16" height="16" viewBox="0 0 16 16">
+<style>
+
+.fieldtext {
+ fill: -moz-fieldtext;
+ /* The fill-opacity needs to be sufficient for high-contrast settings, and
+ pathological Gtk themes where -moz-fieldtext provides low contrast by
+ default. */
+ fill-opacity: .7;
+}
+
+
+.highlighttext {
+ fill: highlighttext;
+ fill-opacity: 1;
+}
+
+.black {
+ fill: black;
+ fill-opacity: .6;
+}
+
+.white {
+ fill: white;
+ fill-opacity: .7;
+}
+
+</style>
<defs>
<path id="shape-notifications-addons" d="M10,15c0.5,0,1-0.4,1-1v-3c0,0,0-0.8,0.8-0.8c0.6,0,0.6,0.8,1.8,0.8c0.6,0,1.5-0.2,1.5-2c0-1.8-0.9-2-1.5-2 c-1.1,0-1.1,0.7-1.8,0.7C11,7.7,11,7,11,7V6c0-0.6-0.5-1-1-1H8c0,0-0.8,0-0.8-0.8C7.2,3.6,8,3.6,8,2.5C8,1.9,7.8,1,6,1 C4.2,1,4,1.9,4,2.5c0,1.1,0.8,1.1,0.8,1.8C4.8,5,4,5,4,5H2C1.5,5,1,5.4,1,6l0,1.5c0,0-0.1,1,1.1,1c0.8,0,0.9-1,1.9-1 C4.5,7.4,5,8,5,9c0,1-0.5,1.6-1,1.6c-1,0-1.1-1.1-1.9-1.1C0.9,9.5,1,10.8,1,10.8V14c0,0.6,0.5,1,1,1l2.6,0c0,0,1.1,0,1.1-1 c0-0.8-1-0.1-1-1.1c0-0.5,0.7-1.2,1.8-1.2s1.8,0.7,1.8,1.2c0,1-1.1,0.3-1.1,1.1c0,1,1.2,1,1.2,1H10z"/>
</defs>
- <use id="default" xlink:href="#shape-notifications-addons" />
+ <use xlink:href="#shape-notifications-addons"/>
</svg>
diff --git a/arc-firefox-theme/chrome/browser/browser.css b/arc-firefox-theme/chrome/browser/browser.css
index 2f8a0c9..6ccccc4 100644
--- a/arc-firefox-theme/chrome/browser/browser.css
+++ b/arc-firefox-theme/chrome/browser/browser.css
@@ -285,194 +285,6 @@ menuitem.bookmark-item {
.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text {
opacity: 0.7; }
-/* Stock icons for the menu bar items */
-menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
- -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); }
-
-#placesContext_open\:newwindow,
-#menu_newNavigator,
-#context-openlink,
-#context-openframe {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 80px 16px 64px); }
-
-#placesContext_open\:newtab,
-#placesContext_openContainer\:tabs,
-#menu_newNavigatorTab,
-#context-openlinkintab,
-#context-openlinkincontainertab,
-#context-openframeintab {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 64px 16px 48px); }
-
-#menu_openFile {
- list-style-image: url("moz-icon://stock/gtk-open?size=menu"); }
-
-#menu_close {
- list-style-image: url("moz-icon://stock/gtk-close?size=menu"); }
-
-#context-media-play {
- list-style-image: url("moz-icon://stock/gtk-media-play?size=menu"); }
-
-#context-media-pause {
- list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu"); }
-
-#menu_savePage,
-#context-savelink,
-#context-saveimage,
-#context-savevideo,
-#context-saveaudio,
-#context-savepage,
-#context-saveframe {
- list-style-image: url("moz-icon://stock/gtk-save-as?size=menu"); }
-
-#menu_printPreview {
- list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); }
-
-#menu_print,
-#context-printframe {
- list-style-image: url("moz-icon://stock/gtk-print?size=menu"); }
-
-#menu_FileQuitItem {
- list-style-image: url("moz-icon://stock/gtk-quit?size=menu"); }
-
-#menu_undo,
-#context-undo {
- list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); }
-
-#menu_undo[disabled],
-#context-undo[disabled] {
- list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); }
-
-#menu_redo {
- list-style-image: url("moz-icon://stock/gtk-redo?size=menu"); }
-
-#menu_redo[disabled] {
- list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled"); }
-
-#menu_cut,
-#placesContext_cut,
-#context-cut {
- list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); }
-
-#menu_cut[disabled],
-#placesContext_cut[disabled],
-#context-cut[disabled] {
- list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); }
-
-#menu_copy,
-#placesContext_copy,
-#context-copy,
-#context-copyimage,
-#context-copyvideourl,
-#context-copyaudiourl,
-#context-copylink,
-#context-copyemail {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); }
-
-#menu_copy[disabled],
-#placesContext_copy[disabled],
-#context-copy[disabled] {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); }
-
-#menu_paste,
-#placesContext_paste,
-#context-paste {
- list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); }
-
-#menu_paste[disabled],
-#placesContext_paste[disabled],
-#context-paste[disabled] {
- list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); }
-
-#menu_delete,
-#placesContext_delete,
-#placesContext_delete_history,
-#context-delete {
- list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); }
-
-#menu_delete[disabled],
-#placesContext_delete[disabled],
-#placesContext_delete_history[disabled],
-#context-delete[disabled] {
- list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); }
-
-#menu_selectAll,
-#context-selectall {
- list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); }
-
-#menu_find {
- list-style-image: url("moz-icon://stock/gtk-find?size=menu"); }
-
-#menu_find[disabled] {
- list-style-image: url("moz-icon://stock/gtk-find?size=menu&state=disabled"); }
-
-#menu_preferences {
- list-style-image: url("moz-icon://stock/gtk-preferences?size=menu"); }
-
-#placesContext_reload,
-#context-reloadframe {
- list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); }
-
-#menu_zoomEnlarge {
- list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu"); }
-
-#menu_zoomReduce {
- list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu"); }
-
-#menu_zoomReset {
- list-style-image: url("moz-icon://stock/gtk-zoom-100?size=menu"); }
-
-#menu_showAllHistory {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 32px 16px 16px); }
-
-#bookmarksShowAll {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 48px 16px 32px); }
-
-#subscribeToPageMenuitem:not([disabled]),
-#subscribeToPageMenupopup {
- list-style-image: url("chrome://browser/skin/page-livemarks.png"); }
-
-#bookmarksToolbarFolderMenu,
-#BMB_bookmarksToolbar,
-#panelMenu_bookmarksToolbar {
- list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); }
-
-#menu_unsortedBookmarks,
-#BMB_unsortedBookmarks,
-#panelMenu_unsortedBookmarks {
- list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); }
-
-#menu_openDownloads {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 16px 16px 0px); }
-
-#menu_openAddons {
- list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); }
-
-#menu_pageInfo,
-#context-viewinfo,
-#context-viewframeinfo {
- list-style-image: url("moz-icon://stock/gtk-info?size=menu"); }
-
-#placesContext_open\:newprivatewindow,
-#privateBrowsingItem {
- list-style-image: url("chrome://browser/skin/Privacy-16.png"); }
-
-#placesContext_show\:info {
- list-style-image: url("moz-icon://stock/gtk-properties?size=menu"); }
-
-#sanitizeItem {
- list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); }
-
-#menu_openHelp {
- list-style-image: url("moz-icon://stock/gtk-help?size=menu"); }
-
-#aboutName {
- list-style-image: url("moz-icon://stock/gtk-about?size=menu"); }
-
/* Primary toolbar buttons */
:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > .toolbarbutton-icon,
:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon {
@@ -1439,6 +1251,12 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
width: 16px;
height: 16px; }
+#urlbar[actiontype="extension"] > #identity-box > #identity-icon {
+ -moz-image-region: inherit;
+ list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg);
+ width: 16px;
+ height: 16px; }
+
/* SHARING ICON */
#sharing-icon {
width: 16px;
@@ -1560,8 +1378,7 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
.popup-notification-icon[popupid="password"] {
list-style-image: url(chrome://browser/skin/notification-icons.svg#login-detailed); }
-.camera-icon,
-.popup-notification-icon[popupid="webRTC-shareDevices"] {
+.camera-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#camera); }
.camera-icon.in-use {
@@ -1579,10 +1396,9 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
.microphone-icon.blocked-permission-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#microphone-blocked); }
-.popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+.popup-notification-icon.microphone-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#microphone-detailed); }
-.popup-notification-icon[popupid="webRTC-shareScreen"],
.screen-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#screen); }
@@ -1592,6 +1408,30 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
.screen-icon.blocked-permission-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#screen-blocked); }
+#webRTC-preview:not([hidden]) {
+ display: -moz-stack;
+ border-radius: 4px;
+ border: 1px solid GrayText;
+ overflow: hidden;
+ min-width: 300px;
+ min-height: 10em; }
+
+html|*#webRTC-previewVideo {
+ width: 300px;
+ /* If we don't set the min-width, width is ignored. */
+ min-width: 300px;
+ max-height: 200px; }
+
+#webRTC-previewWarning {
+ background: rgba(255, 217, 99, 0.8) url("chrome://browser/skin/warning-white.svg") no-repeat 0.75em 0.75em;
+ margin: 0;
+ padding: .5em;
+ padding-inline-start: calc(1.5em + 16px);
+ border-top: 1px solid GrayText; }
+
+#webRTC-previewWarning > .text-link {
+ margin-inline-start: 0; }
+
/* This icon has a block sign in it, so we don't need a blocked version. */
.popup-icon {
list-style-image: url("chrome://browser/skin/notification-icons.svg#popup"); }
@@ -1618,7 +1458,7 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
transform: translateX(0); } }
/* INSTALL ADDONS */
.install-icon {
- list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default); }
+ list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg); }
.popup-notification-icon[popupid="xpinstall-disabled"],
.popup-notification-icon[popupid="addon-install-blocked"],
@@ -1828,6 +1668,57 @@ notification[value="translation"] button:not([type="menu"]) > .button-box {
notification[value="translation"] menulist > .menulist-dropmarker {
display: block; }
+/* AutoComplete */
+#PopupAutoComplete > richlistbox > richlistitem {
+ height: 20px;
+ min-height: 20px;
+ border: 0;
+ border-radius: 0;
+ padding: 0px 1px 0px 1px; }
+
+#PopupAutoComplete > richlistbox > richlistitem > .ac-site-icon {
+ margin-inline-start: 4px;
+ margin-inline-end: 0; }
+
+#PopupAutoComplete > richlistbox > richlistitem > .ac-title {
+ font: icon;
+ margin-inline-start: 4px; }
+
+#PopupAutoComplete > richlistbox {
+ padding: 0; }
+
+/* Login form autocompletion */
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
+ display: initial;
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#login); }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon[selected] {
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#login-highlighted); }
+
+/* Insecure field warning */
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] {
+ background-color: var(--arrowpanel-dimmed);
+ border-bottom: 1px solid var(--panel-separator-color);
+ padding-bottom: 4px;
+ padding-top: 4px; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] {
+ background-color: var(--arrowpanel-dimmed-further);
+ color: -moz-DialogText; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title {
+ color: GrayText;
+ font-size: 1em; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] > .ac-title {
+ color: inherit; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-site-icon {
+ list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon); }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype~="datalist-first"] {
+ border-top: 1px solid ThreeDShadow; }
+
#treecolAutoCompleteImage {
max-width: 36px; }
@@ -2302,18 +2193,23 @@ html|span.ac-emphasize-text-url {
list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); }
.tab-icon-overlay[soundplaying],
-.tab-icon-overlay[muted]:not([crashed]) {
+.tab-icon-overlay[muted]:not([crashed]),
+.tab-icon-overlay[blocked]:not([crashed]) {
border-radius: 8px; }
.tab-icon-overlay[soundplaying]:hover,
-.tab-icon-overlay[muted]:not([crashed]):hover {
+.tab-icon-overlay[muted]:not([crashed]):hover,
+.tab-icon-overlay[blocked]:not([crashed]):hover {
background-color: white; }
.tab-icon-overlay[soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio-small.svg#tab-audio"); }
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio"); }
.tab-icon-overlay[muted]:not([crashed]) {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio-small.svg#tab-audio-muted"); }
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted"); }
+
+.tab-icon-overlay[blocked]:not([crashed]) {
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-blocked"); }
.tab-throbber[busy] {
list-style-image: url("chrome://browser/skin/custom_images/connecting.png"); }
@@ -2336,27 +2232,38 @@ html|span.ac-emphasize-text-url {
height: 16px;
padding: 0; }
-.tab-icon-sound[soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-backgroundTab"); }
+.tab-icon-sound[soundplaying],
+.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);
+ fill: currentColor; }
-.tab-icon-sound[soundplaying]:hover {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-backgroundTab-hover"); }
+.tab-icon-sound[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted); }
-.tab-icon-sound[soundplaying]:hover:active {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-backgroundTab-pressed"); }
+.tab-icon-sound[blocked] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked); }
-.tab-icon-sound[muted] {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-backgroundTab-muted"); }
+.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); }
-.tab-icon-sound[muted]:hover {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-hover"); }
+.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); }
-.tab-icon-sound[muted]:hover:active {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-pressed"); }
+.tab-icon-sound[soundplaying]:not(:hover),
+.tab-icon-sound[muted]:not(:hover),
+.tab-icon-sound[blocked]:not(:hover) {
+ opacity: .8; }
-.tab-icon-sound:-moz-lwtheme,
-.tab-icon-sound[selected=true][soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio"); }
+.tab-icon-sound[soundplaying-scheduledremoval]:not([muted]):not(:hover),
+.tab-icon-overlay[soundplaying-scheduledremoval]:not([muted]):not(:hover) {
+ transition: opacity 0.3s linear var(--soundplaying-removal-delay);
+ opacity: 0; }
.tab-background,
.tabs-newtab-button {
@@ -2507,6 +2414,7 @@ lwtHeader;*/
.tabs-newtab-button,
.tab-icon-overlay[soundplaying],
.tab-icon-overlay[muted]:not([crashed]),
+.tab-icon-overlay[blocked]:not([crashed]),
.tab-icon-sound,
.tab-close-button {
pointer-events: auto; }
@@ -2537,6 +2445,24 @@ lwtHeader;*/
.tabs-newtab-button {
width: calc(36px + 30px); }
+/* All tabs menupopup */
+.alltabs-item[tabIsVisible] {
+ /* box-shadow instead of background-color to work around native styling */
+ box-shadow: inset -5px 0 ThreeDShadow; }
+
+.alltabs-endimage[soundplaying],
+.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);
+ fill: currentColor; }
+
+.alltabs-endimage[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted); }
+
+.alltabs-endimage[blocked] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked); }
+
#tabbrowser-tabs {
/* override the global style to allow the selected tab to be above the nav-bar */
z-index: auto; }
@@ -3600,12 +3526,7 @@ toolbar[brighttext] #downloads-indicator-counter {
.customizationmode-button > .button-box > .button-icon {
height: 24px; }
-#customization-titlebar-visibility-button {
- list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png");
- -moz-image-region: rect(0, 24px, 24px, 0); }
-
-#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text,
-#customization-titlebar-visibility-button > .button-box > .button-text {
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text {
/* Sadly, button.css thinks its margins are perfect for everyone. */
margin-inline-start: 6px !important; }
@@ -3613,21 +3534,9 @@ toolbar[brighttext] #downloads-indicator-counter {
width: 20px;
height: 20px;
border-radius: 2px;
+ background-image: url("chrome://browser/skin/theme-switcher-icon.png");
background-size: contain; }
-#customization-titlebar-visibility-button > .button-box > .button-icon {
- vertical-align: middle; }
-
-#customization-titlebar-visibility-button[checked] {
- -moz-image-region: rect(0, 48px, 24px, 24px); }
-
-@media (min-resolution: 1.1dppx) {
- #customization-titlebar-visibility-button {
- list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png");
- -moz-image-region: rect(0, 48px, 48px, 0); }
-
- #customization-titlebar-visibility-button[checked] {
- -moz-image-region: rect(0, 96px, 48px, 48px); } }
#main-window[customize-entered] #customization-panel-container {
background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"), url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"), url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #3e86ce, #3878ba);
background-position: center top, left center, left top, left top, left top;
@@ -4226,7 +4135,6 @@ notification.heartbeat {
list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); }
#context-navigation > .menuitem-iconic > .menu-iconic-left {
- visibility: visible;
/* override toolkit/themes/linux/global/menu.css */
padding-inline-end: 0 !important;
margin-inline-end: 0 !important; }
@@ -4238,9 +4146,6 @@ notification.heartbeat {
.webextension-popup-browser {
border-radius: inherit; }
-.menuitem-iconic[usercontextid] > .menu-iconic-left > .menu-iconic-icon {
- visibility: visible; }
-
#nav-bar #loop-button, #nav-bar
toolbar[brighttext] #loop-button {
list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg") !important; }
diff --git a/arc-firefox-theme/chrome/browser/controlcenter/panel.css b/arc-firefox-theme/chrome/browser/controlcenter/panel.css
index c872205..0488442 100644
--- a/arc-firefox-theme/chrome/browser/controlcenter/panel.css
+++ b/arc-firefox-theme/chrome/browser/controlcenter/panel.css
@@ -81,7 +81,7 @@
}
#identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews {
- background: var(--panel-arrowcontent-background);
+ background: var(--arrowpanel-background);
padding: 0;
}
@@ -123,12 +123,8 @@
width: var(--identity-popup-expander-width);
border: 0 none;
-moz-appearance: none;
- background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg"),
- linear-gradient(rgba(255,255,255,0.3), transparent);
+ background: url("chrome://browser/skin/controlcenter/arrow-subview.svg") center no-repeat;
background-size: 16px, auto;
- background-position: center;
- background-repeat: no-repeat;
- background-color: transparent;
}
.identity-popup-expander:-moz-locale-dir(rtl) {
@@ -156,6 +152,8 @@
.identity-popup-expander:hover {
background-color: var(--arrowpanel-dimmed);
+ background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg"),
+ linear-gradient(rgba(255,255,255,0.3), transparent);
}
.identity-popup-expander:hover:active {
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-audio-small.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-audio-small.svg
deleted file mode 100644
index c5bff69..0000000
--- a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-audio-small.svg
+++ /dev/null
@@ -1,99 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- 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:dc="http://purl.org/dc/elements/1.1/"
- xmlns:cc="http://creativecommons.org/ns#"
- xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
- xmlns:svg="http://www.w3.org/2000/svg"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
- xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- width="16"
- height="16"
- viewBox="0 0 16 16"
- id="svg2"
- version="1.1"
- inkscape:version="0.91 r13725"
- sodipodi:docname="tab-audio-small.svg">
- <metadata
- id="metadata30">
- <rdf:RDF>
- <cc:Work
- rdf:about="">
- <dc:format>image/svg+xml</dc:format>
- <dc:type
- rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
- <dc:title />
- </cc:Work>
- </rdf:RDF>
- </metadata>
- <defs
- id="defs28" />
- <sodipodi:namedview
- pagecolor="#b1b1b1"
- bordercolor="#666666"
- borderopacity="1"
- objecttolerance="10"
- gridtolerance="10"
- guidetolerance="10"
- inkscape:pageopacity="0"
- inkscape:pageshadow="2"
- inkscape:window-width="640"
- inkscape:window-height="480"
- id="namedview26"
- showgrid="false"
- inkscape:zoom="12.46875"
- inkscape:cx="-0.22891557"
- inkscape:cy="5.5804938"
- inkscape:current-layer="svg2" />
- <style
- id="style4">
- .icon:not(:target) {
- display: none;
- }
-
- .icon {
- fill: #262626;
- }
- .icon &gt; .outline {
- fill: #fff;
- }
-
- .icon.white {
- fill: #fff;
- }
- .icon.white &gt; .outline {
- fill: #000;
- fill-opacity: .5;
- }
- </style>
- <g
- id="tab-audio"
- class="icon">
- <path
- class="outline"
- d="M12.4,3.6l-1-0.6l-0.9,2.5H10V1.8c0-0.4-0.5-0.7-0.9-0.4L5.6,5H4C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.6l3.6,3.6 c0.3,0.3,0.9,0.1,0.9-0.4v-3.7h0.5l0.9,2.5l1-0.6C14,11.5,15,9.8,15,8S14,4.5,12.4,3.6z M9,13l-3-3H4c-0.6,0-1-0.4-1-1V7 c0-0.6,0.4-1,1-1h2l3-3V13z M10,9.5v-3c0.8,0,1.5,0.7,1.5,1.5S10.8,9.5,10,9.5z M11.9,11.5l-0.4-0.9C12.4,10,13,9.1,13,8 s-0.6-2-1.4-2.5l0.3-1C13.2,5.2,14,6.5,14,8S13.2,10.8,11.9,11.5z"
- id="path7"
- style="fill:#2f343f;fill-opacity:1" />
- <path
- d="M4,6C3.4,6,3,6.4,3,7v2c0,0.6,0.4,1,1,1h2l3,3V3L6,6H4z M10,6.5v3c0.8,0,1.5-0.7,1.5-1.5S10.8,6.5,10,6.5z M11.9,4.5 l-0.4,0.9C12.4,6,13,6.9,13,8s-0.6,2-1.4,2.5l0.4,0.9c1.2-0.7,2.1-2,2.1-3.5S13.2,5.2,11.9,4.5z"
- id="path9"
- style="fill:#d3dae3;fill-opacity:1" />
- </g>
- <g
- id="tab-audio-muted"
- class="icon">
- <path
- class="outline"
- d="M5.6,5H4C2.9,5,2,5.9,2,7v2c0,0.7,0.3,1.3,0.9,1.7l-1.8,1.8l2.5,2.5l3-3l2.6,2.6c0.3,0.3,0.9,0.1,0.9-0.4V8.5l3.9-3.9 l-2.5-2.5L10,3.5V1.8c0-0.4-0.5-0.7-0.9-0.4L5.6,5z"
- id="path12"
- style="fill:#2f343f;fill-opacity:1" />
- <path
- d="M11.5,3.5L9,5.9V3L6,6H4C3.4,6,3,6.4,3,7v2c0,0.6,0.4,1,1,1h0.9l-2.5,2.5l1.1,1.1l9-9L11.5,3.5z M9,13V9.7l-1.7,1.7L9,13z"
- id="path14"
- style="fill:#d3dae3;fill-opacity:1" />
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-audio.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-audio.svg
deleted file mode 100644
index c2ff76e..0000000
--- a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-audio.svg
+++ /dev/null
@@ -1,150 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- 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:dc="http://purl.org/dc/elements/1.1/"
- xmlns:cc="http://creativecommons.org/ns#"
- xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
- xmlns:svg="http://www.w3.org/2000/svg"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
- xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- width="16"
- height="16"
- viewBox="0 0 16 16"
- id="svg2"
- version="1.1"
- inkscape:version="0.91 r13725"
- sodipodi:docname="tab-audio.svg">
- <metadata
- id="metadata52">
- <rdf:RDF>
- <cc:Work
- rdf:about="">
- <dc:format>image/svg+xml</dc:format>
- <dc:type
- rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
- </cc:Work>
- </rdf:RDF>
- </metadata>
- <defs
- id="defs50" />
- <sodipodi:namedview
- pagecolor="#ffffff"
- bordercolor="#666666"
- borderopacity="1"
- objecttolerance="10"
- gridtolerance="10"
- guidetolerance="10"
- inkscape:pageopacity="0"
- inkscape:pageshadow="2"
- inkscape:window-width="640"
- inkscape:window-height="480"
- id="namedview48"
- showgrid="false"
- inkscape:zoom="12.46875"
- inkscape:cx="-11.788201"
- inkscape:cy="0.63847986"
- inkscape:current-layer="svg2" />
- <style
- id="style4">
- .icon:not(:target) {
- display: none;
- }
-
- .icon {
- fill: #333;
- opacity: .75;
- }
- .icon.hover {
- fill: #1a1a1a;
- opacity: .85;
- }
- .icon.pressed {
- fill: #0d0d0d;
- opacity: .95;
- }
-
- .icon.white {
- fill: #fff;
- }
- .icon.white.hover {
- opacity: .9;
- }
- .icon.white.pressed {
- opacity: 1;
- }
- .icon.white &gt; .outline {
- fill: #000;
- fill-opacity: .5;
- }
-
- .icon.backgroundTab,
- .icon.backgroundTab.hover,
- .icon.backgroundTab.pressed {
- fill: -moz-MenuBarText;
- }
- </style>
- <path
- id="tab-audio"
- class="icon"
- d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"
- style="fill:#d3dae3;fill-opacity:1" />
- <path
- id="tab-audio-hover"
- class="icon hover"
- d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"
- style="fill:#d3dae3;fill-opacity:1" />
- <path
- id="tab-audio-pressed"
- class="icon pressed"
- d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"
- style="fill:#d3dae3;fill-opacity:1" />
- <path
- id="tab-audio-muted"
- class="icon"
- d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"
- style="fill:#d3dae3;fill-opacity:1" />
- <path
- id="tab-audio-muted-hover"
- class="icon hover"
- d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"
- style="fill:#d3dae3;fill-opacity:1" />
- <path
- id="tab-audio-muted-pressed"
- class="icon pressed"
- d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"
- style="fill:#d3dae3;fill-opacity:1" />
- <path
- id="tab-audio-backgroundTab"
- class="icon backgroundTab"
- d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"
- style="fill:#d3dae3;fill-opacity:1" />
- <path
- id="tab-audio-backgroundTab-hover"
- class="icon backgroundTab hover"
- d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"
- style="fill:#d3dae3;fill-opacity:1" />
- <path
- id="tab-audio-backgroundTab-pressed"
- class="icon backgroundTab pressed"
- d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"
- style="fill:#d3dae3;fill-opacity:1" />
- <path
- id="tab-audio-backgroundTab-muted"
- class="icon backgroundTab"
- d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"
- style="fill:#d3dae3;fill-opacity:1" />
- <path
- id="tab-audio-backgroundTab-muted-hover"
- class="icon backgroundTab hover"
- d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"
- style="fill:#d3dae3;fill-opacity:1" />
- <path
- id="tab-audio-backgroundTab-muted-pressed"
- class="icon backgroundTab pressed"
- d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"
- style="fill:#d3dae3;fill-opacity:1" />
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-audio-small.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-audio-small.svg
deleted file mode 100644
index 8326f46..0000000
--- a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-audio-small.svg
+++ /dev/null
@@ -1,97 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- 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:dc="http://purl.org/dc/elements/1.1/"
- xmlns:cc="http://creativecommons.org/ns#"
- xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
- xmlns:svg="http://www.w3.org/2000/svg"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
- xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- width="16"
- height="16"
- viewBox="0 0 16 16"
- id="svg2"
- version="1.1"
- inkscape:version="0.91 r13725"
- sodipodi:docname="tab-audio-small.svg">
- <metadata
- id="metadata30">
- <rdf:RDF>
- <cc:Work
- rdf:about="">
- <dc:format>image/svg+xml</dc:format>
- <dc:type
- rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
- <dc:title />
- </cc:Work>
- </rdf:RDF>
- </metadata>
- <defs
- id="defs28" />
- <sodipodi:namedview
- pagecolor="#a1a1a1"
- bordercolor="#666666"
- borderopacity="1"
- objecttolerance="10"
- gridtolerance="10"
- guidetolerance="10"
- inkscape:pageopacity="0"
- inkscape:pageshadow="2"
- inkscape:window-width="640"
- inkscape:window-height="480"
- id="namedview26"
- showgrid="false"
- inkscape:zoom="12.46875"
- inkscape:cx="-7.2063593"
- inkscape:cy="5.5804938"
- inkscape:current-layer="svg2" />
- <style
- id="style4">
- .icon:not(:target) {
- display: none;
- }
-
- .icon {
- fill: #262626;
- }
- .icon &gt; .outline {
- fill: #fff;
- }
-
- .icon.white {
- fill: #fff;
- }
- .icon.white &gt; .outline {
- fill: #000;
- fill-opacity: .5;
- }
- </style>
- <g
- id="tab-audio"
- class="icon">
- <path
- class="outline"
- d="M12.4,3.6l-1-0.6l-0.9,2.5H10V1.8c0-0.4-0.5-0.7-0.9-0.4L5.6,5H4C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.6l3.6,3.6 c0.3,0.3,0.9,0.1,0.9-0.4v-3.7h0.5l0.9,2.5l1-0.6C14,11.5,15,9.8,15,8S14,4.5,12.4,3.6z M9,13l-3-3H4c-0.6,0-1-0.4-1-1V7 c0-0.6,0.4-1,1-1h2l3-3V13z M10,9.5v-3c0.8,0,1.5,0.7,1.5,1.5S10.8,9.5,10,9.5z M11.9,11.5l-0.4-0.9C12.4,10,13,9.1,13,8 s-0.6-2-1.4-2.5l0.3-1C13.2,5.2,14,6.5,14,8S13.2,10.8,11.9,11.5z"
- id="path7" />
- <path
- d="M4,6C3.4,6,3,6.4,3,7v2c0,0.6,0.4,1,1,1h2l3,3V3L6,6H4z M10,6.5v3c0.8,0,1.5-0.7,1.5-1.5S10.8,6.5,10,6.5z M11.9,4.5 l-0.4,0.9C12.4,6,13,6.9,13,8s-0.6,2-1.4,2.5l0.4,0.9c1.2-0.7,2.1-2,2.1-3.5S13.2,5.2,11.9,4.5z"
- id="path9"
- style="fill:#5c616c;fill-opacity:1" />
- </g>
- <g
- id="tab-audio-muted"
- class="icon">
- <path
- class="outline"
- d="M5.6,5H4C2.9,5,2,5.9,2,7v2c0,0.7,0.3,1.3,0.9,1.7l-1.8,1.8l2.5,2.5l3-3l2.6,2.6c0.3,0.3,0.9,0.1,0.9-0.4V8.5l3.9-3.9 l-2.5-2.5L10,3.5V1.8c0-0.4-0.5-0.7-0.9-0.4L5.6,5z"
- id="path12" />
- <path
- d="M11.5,3.5L9,5.9V3L6,6H4C3.4,6,3,6.4,3,7v2c0,0.6,0.4,1,1,1h0.9l-2.5,2.5l1.1,1.1l9-9L11.5,3.5z M9,13V9.7l-1.7,1.7L9,13z"
- id="path14"
- style="fill:#5c616c;fill-opacity:1" />
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-audio.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-audio.svg
deleted file mode 100644
index 24231c6..0000000
--- a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-audio.svg
+++ /dev/null
@@ -1,150 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- 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:dc="http://purl.org/dc/elements/1.1/"
- xmlns:cc="http://creativecommons.org/ns#"
- xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
- xmlns:svg="http://www.w3.org/2000/svg"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
- xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- width="16"
- height="16"
- viewBox="0 0 16 16"
- id="svg2"
- version="1.1"
- inkscape:version="0.91 r13725"
- sodipodi:docname="tab-audio.svg">
- <metadata
- id="metadata52">
- <rdf:RDF>
- <cc:Work
- rdf:about="">
- <dc:format>image/svg+xml</dc:format>
- <dc:type
- rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
- </cc:Work>
- </rdf:RDF>
- </metadata>
- <defs
- id="defs50" />
- <sodipodi:namedview
- pagecolor="#ffffff"
- bordercolor="#666666"
- borderopacity="1"
- objecttolerance="10"
- gridtolerance="10"
- guidetolerance="10"
- inkscape:pageopacity="0"
- inkscape:pageshadow="2"
- inkscape:window-width="640"
- inkscape:window-height="480"
- id="namedview48"
- showgrid="false"
- inkscape:zoom="12.46875"
- inkscape:cx="1.0438795"
- inkscape:cy="0.63847986"
- inkscape:current-layer="svg2" />
- <style
- id="style4">
- .icon:not(:target) {
- display: none;
- }
-
- .icon {
- fill: #333;
- opacity: .75;
- }
- .icon.hover {
- fill: #1a1a1a;
- opacity: .85;
- }
- .icon.pressed {
- fill: #0d0d0d;
- opacity: .95;
- }
-
- .icon.white {
- fill: #fff;
- }
- .icon.white.hover {
- opacity: .9;
- }
- .icon.white.pressed {
- opacity: 1;
- }
- .icon.white &gt; .outline {
- fill: #000;
- fill-opacity: .5;
- }
-
- .icon.backgroundTab,
- .icon.backgroundTab.hover,
- .icon.backgroundTab.pressed {
- fill: -moz-MenuBarText;
- }
- </style>
- <path
- id="tab-audio"
- class="icon"
- d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"
- style="fill:#5c616c;fill-opacity:1" />
- <path
- id="tab-audio-hover"
- class="icon hover"
- d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"
- style="fill:#5c616c;fill-opacity:1" />
- <path
- id="tab-audio-pressed"
- class="icon pressed"
- d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"
- style="fill:#5c616c;fill-opacity:1" />
- <path
- id="tab-audio-muted"
- class="icon"
- d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"
- style="fill:#5c616c;fill-opacity:1" />
- <path
- id="tab-audio-muted-hover"
- class="icon hover"
- d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"
- style="fill:#5c616c;fill-opacity:1" />
- <path
- id="tab-audio-muted-pressed"
- class="icon pressed"
- d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"
- style="fill:#5c616c;fill-opacity:1" />
- <path
- id="tab-audio-backgroundTab"
- class="icon backgroundTab"
- d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"
- style="fill:#5c616c;fill-opacity:1" />
- <path
- id="tab-audio-backgroundTab-hover"
- class="icon backgroundTab hover"
- d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"
- style="fill:#5c616c;fill-opacity:1" />
- <path
- id="tab-audio-backgroundTab-pressed"
- class="icon backgroundTab pressed"
- d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"
- style="fill:#5c616c;fill-opacity:1" />
- <path
- id="tab-audio-backgroundTab-muted"
- class="icon backgroundTab"
- d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"
- style="fill:#5c616c;fill-opacity:1" />
- <path
- id="tab-audio-backgroundTab-muted-hover"
- class="icon backgroundTab hover"
- d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"
- style="fill:#5c616c;fill-opacity:1" />
- <path
- id="tab-audio-backgroundTab-muted-pressed"
- class="icon backgroundTab pressed"
- d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"
- style="fill:#5c616c;fill-opacity:1" />
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/customizableui/panelUI.css b/arc-firefox-theme/chrome/browser/customizableui/panelUI.css
index 7549339..17faf34 100644
--- a/arc-firefox-theme/chrome/browser/customizableui/panelUI.css
+++ b/arc-firefox-theme/chrome/browser/customizableui/panelUI.css
@@ -150,7 +150,7 @@
.panel-subviews {
padding: 4px;
background-clip: padding-box;
- border-left: 1px solid var(--panel-arrowcontent-border-color);
+ border-left: 1px solid var(--arrowpanel-border-color);
box-shadow: 0 3px 5px hsla(210,4%,10%,.1),
0 0 7px hsla(210,4%,10%,.1);
margin-inline-start: var(--panel-ui-exit-subview-gutter-width);
@@ -557,7 +557,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
content: "";
width: 14px;
height: 14px;
- margin-right: 16.5px;
+ margin-inline-end: 16.5px;
box-shadow: 0px 1px 0px rgba(255,255,255,.2) inset, 0px -1px 0px rgba(0,0,0,.1) inset, 0px 1px 0px rgba(12,27,38,.2);
border-radius: 2px;
background-size: contain;
@@ -1757,7 +1757,7 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
}
.panel-subviews {
- background-color: var(--panel-arrowcontent-background);
+ background-color: var(--arrowpanel-background);
}
#BMB_bookmarksPopup > menuitem[type="checkbox"] {
@@ -1766,9 +1766,9 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
#BMB_bookmarksPopup menupopup {
-moz-appearance: none;
- background: var(--panel-arrowcontent-background);
- color: var(--panel-arrowcontent-color);
- border: 1px solid var(--panel-arrowcontent-border-color);
+ background: var(--arrowpanel-background);
+ color: var(--arrowpanel-color);
+ border: 1px solid var(--arrowpanel-border-color);
margin-top: -6px;
padding-top: 1px;
}
diff --git a/arc-firefox-theme/chrome/browser/devedition.css b/arc-firefox-theme/chrome/browser/devedition.css
index 1331705..43603c1 100644
--- a/arc-firefox-theme/chrome/browser/devedition.css
+++ b/arc-firefox-theme/chrome/browser/devedition.css
@@ -182,7 +182,6 @@ toolbar[brighttext] #downloads-indicator-counter {
#TabsToolbar {
text-shadow: none !important;
- color: var(--chrome-color) !important; /* Make sure that the brighttext attribute is added */
}
/* URL bar and search bar*/
diff --git a/arc-firefox-theme/chrome/browser/devtools/common.css b/arc-firefox-theme/chrome/browser/devtools/common.css
index fb6a8fe..c8a9956 100644
--- a/arc-firefox-theme/chrome/browser/devtools/common.css
+++ b/arc-firefox-theme/chrome/browser/devtools/common.css
@@ -7,4 +7,4 @@
* specific path.
*/
-@import url("chrome://devtools/skin/common.css");
+@import url("resource://devtools/client/themes/common.css");
diff --git a/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css b/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css
index 9d1a568..2b23903 100644
--- a/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css
+++ b/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css
@@ -22,22 +22,14 @@
height: var(--downloads-item-height);
}
-#downloadsRichListBox > richlistitem.download {
- padding: 5px 8px;
-}
-
.downloadTypeIcon {
- margin-top: 8px;
- margin-inline-end: 12px;
- margin-bottom: 8px;
- margin-inline-start: 0;
+ margin: 8px 13px;
width: 32px;
height: 32px;
}
-
.downloadBlockedBadge {
- margin: 0 4px;
+ margin: 0 5px;
background: url("chrome://browser/skin/downloads/download-blocked.svg") top right / 16px no-repeat;
}
@@ -53,107 +45,159 @@ richlistitem.download[verdict="Uncommon"] .downloadBlockedBadge {
background-image: url("chrome://browser/skin/info.svg");
}
+richlistitem.download > toolbarseparator {
+ display: none;
+}
+
.downloadTarget {
- margin-bottom: 3px;
- cursor: inherit;
+ margin: 0;
}
.downloadDetails {
opacity: 0.7;
font-size: 95%;
- cursor: inherit;
+ /* Use calc() to keep the height consistent with .downloadTarget, so that the
+ progress bar can be vertically centered. */
+ margin: 4px 0 calc(1em / 0.95 - 1em);
}
.downloadButton {
-moz-appearance: none;
+ -moz-box-align: center;
background: transparent;
min-width: 0;
min-height: 0;
- margin: 3px;
+ margin: 0;
border: none;
- padding: 5px;
- list-style-image: url("chrome://browser/skin/downloads/buttons.png");
+ color: inherit;
+ padding: 0 18px;
}
-/*** List items ***/
-
-:root {
- --downloads-item-height: 5em;
+.downloadButton > .button-box {
+ -moz-appearance: none;
+ padding: 2px !important;
+ border-radius: 50%;
}
-/*** Button icons ***/
-
-.downloadButton.downloadIconCancel {
- -moz-image-region: rect(0px, 16px, 16px, 0px);
-}
-richlistitem.download:hover .downloadButton.downloadIconCancel {
- -moz-image-region: rect(0px, 32px, 16px, 16px);
-}
-richlistitem.download:hover .downloadButton.downloadIconCancel:hover {
- -moz-image-region: rect(0px, 48px, 16px, 32px);
-}
-richlistitem.download:hover .downloadButton.downloadIconCancel:active {
- -moz-image-region: rect(0px, 64px, 16px, 48px);
-}
-richlistitem.download[selected] .downloadButton.downloadIconCancel {
- -moz-image-region: rect(0px, 80px, 16px, 64px);
-}
-richlistitem.download[selected]:hover .downloadButton.downloadIconCancel {
- -moz-image-region: rect(0px, 96px, 16px, 80px);
+.downloadButton > .button-box > .button-icon {
+ width: 16px;
+ height: 16px;
+ margin: 0;
+ filter: url("chrome://browser/skin/filters.svg#fill");
+ fill: currentColor;
}
-richlistitem.download[selected]:hover .downloadButton.downloadIconCancel:hover {
- -moz-image-region: rect(0px, 112px, 16px, 96px);
+
+.downloadButton > .button-box > .button-text {
+ display: none;
}
-richlistitem.download[selected]:hover .downloadButton.downloadIconCancel:active {
- -moz-image-region: rect(0px, 128px, 16px, 112px);
+
+.downloadButton:hover > .button-box {
+ background-color: graytext;
+ color: -moz-field;
}
-.downloadButton.downloadIconShow {
- -moz-image-region: rect(16px, 16px, 32px, 0px);
+.downloadButton:hover:active > .button-box {
+ background-color: -moz-fieldtext;
}
-richlistitem.download:hover .downloadButton.downloadIconShow {
- -moz-image-region: rect(16px, 32px, 32px, 16px);
+
+richlistitem.download[selected] > .downloadButtonArea > .downloadButton:hover > .button-box {
+ background-color: HighlightText;
+ color: Highlight;
}
-richlistitem.download:hover .downloadButton.downloadIconShow:hover {
- -moz-image-region: rect(16px, 48px, 32px, 32px);
+
+richlistitem.download[selected] > .downloadButtonArea > .downloadButton:hover:active > .button-box {
+ background-color: -moz-field;
+ color: -moz-fieldtext;
}
-richlistitem.download:hover .downloadButton.downloadIconShow:active {
- -moz-image-region: rect(16px, 64px, 32px, 48px);
+
+/*** Button icons ***/
+
+.downloadIconCancel > .button-box > .button-icon {
+ list-style-image: url("chrome://browser/skin/panel-icons.svg#cancel");
}
-richlistitem.download[selected] .downloadButton.downloadIconShow {
- -moz-image-region: rect(16px, 80px, 32px, 64px);
+
+.downloadIconShow > .button-box > .button-icon {
+ list-style-image: url("chrome://browser/skin/panel-icons.svg#folder");
}
-richlistitem.download[selected]:hover .downloadButton.downloadIconShow {
- -moz-image-region: rect(16px, 96px, 32px, 80px);
+
+.downloadIconRetry > .button-box > .button-icon {
+ list-style-image: url("chrome://browser/skin/panel-icons.svg#retry");
}
-richlistitem.download[selected]:hover .downloadButton.downloadIconShow:hover {
- -moz-image-region: rect(16px, 112px, 32px, 96px);
+
+/*** Progressmeter ***/
+/*** Common-styled progressmeter ***/
+.downloadProgress {
+ height: 8px;
+ border-radius: 1px;
+ margin: 4px 0 0;
+ margin-inline-end: 12px;
+
+ /* for overriding rules in progressmeter.css */
+ -moz-appearance: none;
+ border-style: none;
+ background-color: transparent;
+ min-width: initial;
+ min-height: initial;
}
-richlistitem.download[selected]:hover .downloadButton.downloadIconShow:active {
- -moz-image-region: rect(16px, 128px, 32px, 112px);
+
+.downloadProgress[mode="undetermined"] {
+ /* for overriding rules on global.css in Linux. */
+ -moz-binding: url("chrome://global/content/bindings/progressmeter.xml#progressmeter");
}
-.downloadButton.downloadIconRetry {
- -moz-image-region: rect(32px, 16px, 48px, 0px);
+.downloadProgress > .progress-bar {
+ background-color: Highlight;
+
+ /* for overriding rules in progressmeter.css */
+ -moz-appearance: none;
}
-richlistitem.download:hover .downloadButton.downloadIconRetry {
- -moz-image-region: rect(32px, 32px, 48px, 16px);
+
+.downloadProgress[paused="true"] > .progress-bar {
+ background-color: GrayText;
}
-richlistitem.download:hover .downloadButton.downloadIconRetry:hover {
- -moz-image-region: rect(32px, 48px, 48px, 32px);
+
+.downloadProgress[mode="undetermined"] > .progress-bar {
+ /* Make a white reflecting animation.
+ Create a gradient with 2 identical pattern, and enlarge the size to 200%.
+ This allows us to animate background-position with percentage. */
+ background-image: linear-gradient(90deg, transparent 0%,
+ rgba(255,255,255,0.5) 25%,
+ transparent 50%,
+ rgba(255,255,255,0.5) 75%,
+ transparent 100%);
+ background-blend-mode: lighten;
+ background-size: 200% 100%;
+ animation: downloadProgressSlideX 1.5s linear infinite;
}
-richlistitem.download:hover .downloadButton.downloadIconRetry:active {
- -moz-image-region: rect(32px, 64px, 48px, 48px);
+
+.downloadProgress > .progress-remainder {
+ border: solid ButtonShadow;
+ border-block-start-width: 1px;
+ border-block-end-width: 1px;
+ border-inline-start-width: 0;
+ border-inline-end-width: 1px;
+ background-color: ButtonFace;
}
-richlistitem.download[selected] .downloadButton.downloadIconRetry {
- -moz-image-region: rect(32px, 80px, 48px, 64px);
+
+.downloadProgress[value="0"] > .progress-remainder {
+ border-width: 1px;
}
-richlistitem.download[selected]:hover .downloadButton.downloadIconRetry {
- -moz-image-region: rect(32px, 96px, 48px, 80px);
+
+.downloadProgress > .progress-remainder[mode="undetermined"] {
+ border: none;
}
-richlistitem.download[selected]:hover .downloadButton.downloadIconRetry:hover {
- -moz-image-region: rect(32px, 112px, 48px, 96px);
+
+@keyframes downloadProgressSlideX {
+ 0% {
+ background-position: 0 0;
+ }
+ 100% {
+ background-position: -100% 0;
+ }
}
-richlistitem.download[selected]:hover .downloadButton.downloadIconRetry:active {
- -moz-image-region: rect(32px, 128px, 48px, 112px);
+
+/*** List items ***/
+
+:root {
+ --downloads-item-height: 5em;
}
diff --git a/arc-firefox-theme/chrome/browser/downloads/buttons.png b/arc-firefox-theme/chrome/browser/downloads/buttons.png
deleted file mode 100644
index 0c91695..0000000
--- a/arc-firefox-theme/chrome/browser/downloads/buttons.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/downloads/downloads.css b/arc-firefox-theme/chrome/browser/downloads/downloads.css
index ec00aba..1bd933a 100644
--- a/arc-firefox-theme/chrome/browser/downloads/downloads.css
+++ b/arc-firefox-theme/chrome/browser/downloads/downloads.css
@@ -22,11 +22,9 @@
#downloadsListBox {
background: transparent;
- padding: 4px;
color: inherit;
-moz-appearance: none;
margin: 0;
- border: none;
}
#emptyDownloads {
@@ -42,7 +40,8 @@
border-top: 1px solid var(--panel-separator-color);
}
-.downloadsPanelFooter toolbarseparator {
+.downloadsPanelFooter toolbarseparator,
+richlistitem[type="download"] > toolbarseparator {
margin: 0;
border: 0;
min-width: 0;
@@ -105,6 +104,11 @@ toolbarseparator.downloadsDropmarkerSplitter {
margin: 7px 0;
}
+richlistitem[type="download"] > toolbarseparator {
+ margin: 10px 0;
+}
+
+richlistitem[type="download"]:hover > toolbarseparator,
#downloadsFooter:hover toolbarseparator.downloadsDropmarkerSplitter,
#downloadsFooter[showingdropdown] toolbarseparator {
margin: 0;
@@ -141,8 +145,6 @@ toolbarseparator.downloadsDropmarkerSplitter {
}
#downloadsSummary {
- padding: 0 12px;
- cursor: pointer;
-moz-user-focus: normal;
}
@@ -159,37 +161,26 @@ toolbarseparator.downloadsDropmarkerSplitter {
#downloadsSummary,
richlistitem[type="download"] {
height: var(--downloads-item-height);
- padding-inline-end: 0;
- color: inherit;
}
richlistitem[type="download"] {
- margin: 0;
- border-top: 1px solid var(--downloads-item-border-top-color);
- border-bottom: 1px solid var(--downloads-item-border-bottom-color);
+ border-bottom: 1px solid var(--panel-separator-color);
background: transparent;
- padding: 8px;
-}
-
-richlistitem[type="download"]:first-child {
- border-top: 1px solid transparent;
+ color: inherit;
}
richlistitem[type="download"]:last-child {
- border-bottom: 1px solid transparent;
+ border-bottom: none;
}
.downloadTypeIcon {
- margin-top: 8px;
- margin-inline-end: 12px;
- margin-bottom: 8px;
- margin-inline-start: 0;
+ margin: 8px 13px;
width: 32px;
height: 32px;
}
.downloadBlockedBadge {
- margin: 0 4px;
+ margin: 0 5px;
background: url("chrome://browser/skin/downloads/download-blocked.svg") top right / 16px no-repeat;
}
@@ -219,43 +210,99 @@ richlistitem[type="download"][verdict="Uncommon"] .downloadBlockedBadge {
font-size of .downloadContainer's parent, we use calc to go from the
smaller font-size back to the original font-size.
*/
-#downloadsSummaryDetails,
.downloadContainer {
font-size: calc(100% * var(--downloads-item-font-size-factor));
+ margin-inline-end: 13px;
}
#downloadsSummaryDescription,
.downloadTarget {
- margin-bottom: var(--downloads-item-target-margin-bottom);
- cursor: inherit;
-}
-
-.downloadTarget {
+ margin: 0;
font-size: calc(100% / var(--downloads-item-font-size-factor));
}
#downloadsSummaryDetails,
.downloadDetails {
- margin-top: var(--downloads-item-details-margin-top);
opacity: var(--downloads-item-details-opacity);
- cursor: inherit;
+ /* Use calc() to keep the height consistent with .downloadTarget, so that the
+ progress bar can be vertically centered. */
+ margin: 4px 0 calc(1em / var(--downloads-item-font-size-factor) - 1em);
+}
+
+richlistitem[type="download"][verdict] > toolbarseparator {
+ visibility: hidden;
}
.downloadButton {
-moz-appearance: none;
- min-width: 0;
- min-height: 0;
- margin: 3px;
+ min-width: 58px;
+ margin: 0;
border: none;
background: transparent;
- padding: 5px;
- list-style-image: url("chrome://browser/skin/downloads/buttons.png");
+ padding: 0;
+ color: inherit;
}
-.downloadButton > .button-box {
+.downloadButton > .button-box > .button-icon {
+ width: 16px;
+ height: 16px;
+ margin: 1px;
+ filter: url("chrome://browser/skin/filters.svg#fill");
+ fill: currentColor;
+}
+
+.downloadButton > .button-box > .button-text {
+ margin: 0 !important;
padding: 0;
}
+richlistitem[type="download"][state="1"][exists] .downloadMainArea:hover,
+richlistitem[type="download"]:not([verdict]) > .downloadButtonArea:hover,
+richlistitem[type="download"][verdict]:hover {
+ background-color: var(--arrowpanel-dimmed);
+}
+
+richlistitem[type="download"][state="1"][exists] > .downloadMainArea:hover:active,
+richlistitem[type="download"]:not([verdict]) > .downloadButtonArea:hover:active,
+richlistitem[type="download"][verdict]:hover:active {
+ background-color: var(--arrowpanel-dimmed-further);
+}
+
+richlistitem[type="download"][showingsubview] {
+ background-color: Highlight;
+ color: HighlightText;
+ transition: background-color var(--panelui-subview-transition-duration),
+ color var(--panelui-subview-transition-duration);
+}
+
+richlistitem[type="download"][verdict="Malware"]:hover,
+richlistitem[type="download"][verdict="Malware"]:hover:active,
+richlistitem[type="download"][verdict="Malware"][showingsubview] {
+ background-color: #aa1b08;
+ color: white;
+}
+
+/*** Button icons ***/
+
+.downloadIconCancel > .button-box > .button-icon {
+ list-style-image: url("chrome://browser/skin/panel-icons.svg#cancel");
+}
+
+.downloadIconShow > .button-box > .button-icon {
+ list-style-image: url("chrome://browser/skin/panel-icons.svg#folder");
+}
+
+.downloadIconRetry > .button-box > .button-icon {
+ list-style-image: url("chrome://browser/skin/panel-icons.svg#retry");
+}
+
+.downloadShowBlockedInfo > .button-box > .button-icon {
+ list-style-image: url("chrome://browser/skin/panel-icons.svg#arrow-right");
+}
+
+.downloadShowBlockedInfo > .button-box > .button-icon:-moz-locale-dir(rtl) {
+ list-style-image: url("chrome://browser/skin/panel-icons.svg#arrow-left");
+}
/*** Blocked subview ***/
@@ -268,11 +315,15 @@ richlistitem[type="download"][verdict="Uncommon"] .downloadBlockedBadge {
/* When the subview is showing, turn the download button into an arrow pointing
back to the main view. */
#downloadsPanel-multiView > .panel-viewcontainer > .panel-viewstack[viewtype="subview"] .download-state[showingsubview] .downloadButton {
- list-style-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png");
+ color: HighlightText;
}
-#downloadsPanel-multiView > .panel-viewcontainer > .panel-viewstack[viewtype="subview"] .download-state[showingsubview] .downloadButton:-moz-locale-dir(rtl) {
- list-style-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png");
+#downloadsPanel-multiView > .panel-viewcontainer > .panel-viewstack[viewtype="subview"] .download-state[showingsubview] .downloadButton > .button-box > .button-icon {
+ list-style-image: url("chrome://browser/skin/panel-icons.svg#arrow-left");
+}
+
+#downloadsPanel-multiView > .panel-viewcontainer > .panel-viewstack[viewtype="subview"] .download-state[showingsubview] .downloadButton > .button-box > .button-icon:-moz-locale-dir(rtl) {
+ list-style-image: url("chrome://browser/skin/panel-icons.svg#arrow-right");
}
#downloadsPanel-blockedSubview {
@@ -310,126 +361,90 @@ richlistitem[type="download"][verdict="Uncommon"] .downloadBlockedBadge {
-moz-margin-end: 16px;
}
-/*** Panel and outer controls ***/
-
-#downloadsPanel[keyfocus] #downloadsSummary:focus,
-#downloadsPanel[keyfocus] .downloadsPanelFooterButton:focus {
- outline: 1px -moz-dialogtext dotted;
- outline-offset: -5px;
-}
-
-/*** List items and similar elements in the summary ***/
+/*** Progressmeter ***/
+/*** Common-styled progressmeter ***/
+.downloadProgress {
+ height: 8px;
+ border-radius: 1px;
+ margin: 4px 0 0;
+ margin-inline-end: 12px;
-:root {
- --downloads-item-height: 6em;
- --downloads-item-border-top-color: hsla(0,0%,100%,.2);
- --downloads-item-border-bottom-color: hsla(0,0%,0%,.15);
- --downloads-item-font-size-factor: 0.9;
- --downloads-item-target-margin-bottom: 7px;
- --downloads-item-details-margin-top: 1px;
- --downloads-item-details-opacity: 0.6;
+ /* for overriding rules in progressmeter.css */
+ -moz-appearance: none;
+ border-style: none;
+ background-color: transparent;
+ min-width: initial;
+ min-height: initial;
}
-.downloadButton:focus > .button-box {
- outline: 1px -moz-dialogtext dotted;
+.downloadProgress[mode="undetermined"] {
+ /* for overriding rules on global.css in Linux. */
+ -moz-binding: url("chrome://global/content/bindings/progressmeter.xml#progressmeter");
}
-/*** Highlighted list items ***/
+.downloadProgress > .progress-bar {
+ background-color: Highlight;
-#downloadsPanel[keyfocus] #downloadsListBox:focus > richlistitem[type="download"][selected] {
- outline: 1px -moz-dialogtext dotted;
- outline-offset: -1px;
+ /* for overriding rules in progressmeter.css */
+ -moz-appearance: none;
}
-#downloadsPanel:not([keyfocus]) richlistitem[type="download"][state="1"][exists]:hover,
-richlistitem[type="download"][showingsubview] {
- border-radius: 3px;
- border-top: 1px solid hsla(0,0%,100%,.3);
- border-bottom: 1px solid hsla(0,0%,0%,.2);
- background-color: Highlight;
- background-image: linear-gradient(hsla(0,0%,100%,.1), transparent);
- color: HighlightText;
- cursor: pointer;
+.downloadProgress[paused="true"] > .progress-bar {
+ background-color: GrayText;
}
-#downloadsPanel:not([keyfocus]) richlistitem[type="download"][state="1"][exists][verdict="Malware"]:hover,
-richlistitem[type="download"][showingsubview][verdict="Malware"] {
- background-color: hsl(4, 82%, 47%);
- color: white;
+.downloadProgress[mode="undetermined"] > .progress-bar {
+ /* Make a white reflecting animation.
+ Create a gradient with 2 identical pattern, and enlarge the size to 200%.
+ This allows us to animate background-position with percentage. */
+ background-image: linear-gradient(90deg, transparent 0%,
+ rgba(255,255,255,0.5) 25%,
+ transparent 50%,
+ rgba(255,255,255,0.5) 75%,
+ transparent 100%);
+ background-blend-mode: lighten;
+ background-size: 200% 100%;
+ animation: downloadProgressSlideX 1.5s linear infinite;
}
-/*** Button icons ***/
-
-.downloadButton.downloadIconCancel {
- -moz-image-region: rect(0px, 16px, 16px, 0px);
-}
-richlistitem[type="download"]:hover .downloadButton.downloadIconCancel {
- -moz-image-region: rect(0px, 32px, 16px, 16px);
-}
-richlistitem[type="download"]:hover .downloadButton.downloadIconCancel:hover {
- -moz-image-region: rect(0px, 48px, 16px, 32px);
-}
-richlistitem[type="download"]:hover .downloadButton.downloadIconCancel:active {
- -moz-image-region: rect(0px, 64px, 16px, 48px);
+.downloadProgress > .progress-remainder {
+ border: solid ButtonShadow;
+ border-block-start-width: 1px;
+ border-block-end-width: 1px;
+ border-inline-start-width: 0;
+ border-inline-end-width: 1px;
+ background-color: ButtonFace;
}
-.downloadButton.downloadIconShow {
- -moz-image-region: rect(16px, 16px, 32px, 0px);
-}
-richlistitem[type="download"]:not([state="1"]):hover .downloadButton.downloadIconShow {
- -moz-image-region: rect(16px, 32px, 32px, 16px);
-}
-richlistitem[type="download"]:not([state="1"]):hover .downloadButton.downloadIconShow:hover {
- -moz-image-region: rect(16px, 48px, 32px, 32px);
-}
-richlistitem[type="download"]:not([state="1"]):hover .downloadButton.downloadIconShow:active {
- -moz-image-region: rect(16px, 64px, 32px, 48px);
-}
-#downloadsPanel:not([keyfocus]) richlistitem[type="download"][state="1"]:hover .downloadButton.downloadIconShow {
- -moz-image-region: rect(16px, 96px, 32px, 80px);
-}
-#downloadsPanel:not([keyfocus]) richlistitem[type="download"][state="1"]:hover .downloadButton.downloadIconShow:hover {
- -moz-image-region: rect(16px, 112px, 32px, 96px);
-}
-#downloadsPanel:not([keyfocus]) richlistitem[type="download"][state="1"]:hover .downloadButton.downloadIconShow:active {
- -moz-image-region: rect(16px, 128px, 32px, 112px);
+.downloadProgress[value="0"] > .progress-remainder {
+ border-width: 1px;
}
-.downloadButton.downloadIconRetry {
- -moz-image-region: rect(32px, 16px, 48px, 0px);
-}
-richlistitem[type="download"]:hover .downloadButton.downloadIconRetry {
- -moz-image-region: rect(32px, 32px, 48px, 16px);
-}
-richlistitem[type="download"]:hover .downloadButton.downloadIconRetry:hover {
- -moz-image-region: rect(32px, 48px, 48px, 32px);
-}
-richlistitem[type="download"]:hover .downloadButton.downloadIconRetry:active {
- -moz-image-region: rect(32px, 64px, 48px, 48px);
+.downloadProgress > .progress-remainder[mode="undetermined"] {
+ border: none;
}
-.downloadButton.downloadShowBlockedInfo {
- -moz-image-region: rect(48px, 16px, 64px, 0px);
-}
-richlistitem[type="download"]:hover .downloadButton.downloadShowBlockedInfo {
- -moz-image-region: rect(48px, 32px, 64px, 16px);
-}
-richlistitem[type="download"]:hover .downloadButton.downloadShowBlockedInfo:hover {
- -moz-image-region: rect(48px, 48px, 64px, 32px);
-}
-richlistitem[type="download"]:hover .downloadButton.downloadShowBlockedInfo:active {
- -moz-image-region: rect(48px, 64px, 64px, 48px);
+@keyframes downloadProgressSlideX {
+ 0% {
+ background-position: 0 0;
+ }
+ 100% {
+ background-position: -100% 0;
+ }
}
-.downloadButton.downloadShowBlockedInfo:-moz-locale-dir(rtl) {
- -moz-image-region: rect(64px, 16px, 80px, 0px);
-}
-richlistitem[type="download"]:hover .downloadButton.downloadShowBlockedInfo:-moz-locale-dir(rtl) {
- -moz-image-region: rect(64px, 32px, 80px, 16px);
-}
-richlistitem[type="download"]:hover .downloadButton.downloadShowBlockedInfo:hover:-moz-locale-dir(rtl) {
- -moz-image-region: rect(64px, 48px, 80px, 32px);
+/*** List items and similar elements in the summary ***/
+
+:root {
+ --downloads-item-height: 5.5em;
+ --downloads-item-font-size-factor: 0.9;
+ --downloads-item-details-opacity: 0.6;
}
-richlistitem[type="download"]:hover .downloadButton.downloadShowBlockedInfo:active:-moz-locale-dir(rtl) {
- -moz-image-region: rect(64px, 64px, 80px, 48px);
+
+#downloadsPanel[keyfocus] #downloadsListBox:focus > richlistitem[type="download"][selected],
+#downloadsPanel[keyfocus] #downloadsSummary:focus,
+#downloadsPanel[keyfocus] .downloadsPanelFooterButton:focus,
+.downloadButton:focus {
+ outline: 1px -moz-dialogtext dotted;
+ outline-offset: -1px;
}
diff --git a/arc-firefox-theme/chrome/browser/menuPanel.svg b/arc-firefox-theme/chrome/browser/menuPanel.svg
index 199278f..20e7979 100644
--- a/arc-firefox-theme/chrome/browser/menuPanel.svg
+++ b/arc-firefox-theme/chrome/browser/menuPanel.svg
@@ -47,7 +47,6 @@
<path id="fullscreen" d="M696,22V10l6,6Zm-14,2h12l-6,6Zm11-2H683a1,1,0,0,1-1-1V11a1,1,0,0,1,1-1h10a1,1,0,0,1,1,1V21A1,1,0,0,1,693,22Zm-1-7a1,1,0,0,0-1-1h-6a1,1,0,0,0-1,1v4a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V15ZM688,2l6,6H681.982Zm-8,8V22l-6-6Z"/>
<path id="print" d="M670,26h-4V24h-1l3,6H644l2-4h-4a2,2,0,0,1-2-2V14a2,2,0,0,1,2-2h2V10a2,2,0,0,1,2-2V3a1,1,0,0,1,1-1h18a1,1,0,0,1,1,1V8a2,2,0,0,1,2,2v2h2a2,2,0,0,1,2,2V24A2,2,0,0,1,670,26Zm-24,0,1-2h-1v2Zm1-10h-2a1,1,0,0,0,0,2h2A1,1,0,0,0,647,16ZM664,4.5a0.5,0.5,0,0,0-.5-0.5h-15a0.5,0.5,0,0,0-.5.5v9a0.5,0.5,0,0,0,.5.5h15a0.5,0.5,0,0,0,.5-0.5v-9ZM662.222,24H649.778L648,28h16Z"/>
<path id="search" d="M626.853,23.318a10.074,10.074,0,0,1-5.361-1.545l-6.611,6.619a2.028,2.028,0,0,1-2.87,0l-0.4-.4a2.033,2.033,0,0,1,0-2.873l6.618-6.627A10.137,10.137,0,1,1,626.853,23.318Zm0-16.254a6.1,6.1,0,1,0,6.088,6.1A6.092,6.092,0,0,0,626.853,7.064Z"/>
- <path id="tabGroups" d="M603,28H591a1,1,0,0,1-1-1V17a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1V27A1,1,0,0,1,603,28Zm0-14h-4a1,1,0,0,1-1-1V5a1,1,0,0,1,1-1h4a1,1,0,0,1,1,1v8A1,1,0,0,1,603,14Zm-8,0H581a1,1,0,0,1-1-1V5a1,1,0,0,1,1-1h14a1,1,0,0,1,1,1v8A1,1,0,0,1,595,14Zm-14,2h6a1,1,0,0,1,1,1V27a1,1,0,0,1-1,1h-6a1,1,0,0,1-1-1V17A1,1,0,0,1,581,16Z"/>
<path id="privateBrowsing" d="M574.273,11.973c-0.122,2.136.37,4.688-2.4,8.367-2.953,3.926-5.886,3.626-6.44,3.685-3.322.354-3.76-2.62-5.7-2.62-1.7,0-3.083,2.955-5.578,2.62-0.552-.074-3.487.241-6.44-3.685-2.768-3.679-2.276-6.231-2.4-8.367a41.419,41.419,0,0,0-.553-4.451,5.372,5.372,0,0,0,3.056,1.484c1.722,0.119,2.044-.61,5.678-1.662,3.929-1.137,6.3,3.522,6.3,3.522s2.668-4.591,6.3-3.522,3.78,1.78,5.5,1.662a6.249,6.249,0,0,0,3.232-1.484A41.574,41.574,0,0,0,574.273,11.973Zm-20.315.895c-2.148-.479-3.049.339-3.969,0.688a7.615,7.615,0,0,1-1.534.4s0.123,1.246,2.276,2.314,6.569,0.517,6.569.517S557.769,13.718,553.958,12.868ZM569.6,13.557c-0.92-.349-1.821-1.167-3.969-0.688-3.811.85-3.342,3.918-3.342,3.918s4.416,0.551,6.569-.517,2.276-2.314,2.276-2.314A7.615,7.615,0,0,1,569.6,13.557Z"/>
<path id="new-tab" d="M541.977,28h-28a2,2,0,0,1-2-2V22a2,2,0,0,1,2-2H514c4.591,0,4-3,4.009-8,0.009-4.686.166-8,6.26-8h7.415c6.126,0,6.271,3.314,6.293,8,0.023,5-.592,8,4.023,8h-0.023a2,2,0,0,1,2,2v4A2,2,0,0,1,541.977,28ZM533,14h-4V10h-2v4h-4v2h4v4h2V16h4V14Z"/>
<path id="new-window" d="M510,29H482a1,1,0,0,1-1-1V4a1,1,0,0,1,1-1h28a1,1,0,0,1,1,1V28A1,1,0,0,1,510,29ZM499,5.015a0.991,0.991,0,1,0,1,.99A0.995,0.995,0,0,0,499,5.015Zm3,0a0.991,0.991,0,1,0,1,.99A0.995,0.995,0,0,0,502,5.015ZM507,5h-2a1,1,0,0,0,0,2h2A1,1,0,0,0,507,5Zm1,5a1,1,0,0,0-1-1H485a1,1,0,0,0-1,1V25a1,1,0,0,0,1,1h22a1,1,0,0,0,1-1V10Z"/>
diff --git a/arc-firefox-theme/chrome/browser/newtab/newTab.css b/arc-firefox-theme/chrome/browser/newtab/newTab.css
index 29bcead..3257b48 100644
--- a/arc-firefox-theme/chrome/browser/newtab/newTab.css
+++ b/arc-firefox-theme/chrome/browser/newtab/newTab.css
@@ -103,6 +103,19 @@
border-radius: 2px;
}
+/* GRID */
+#topsites-heading {
+ color: #7A7A7A;
+ font-size: 1em;
+ font-weight: normal;
+ /* Position the heading such that it doesn't affect how many cells we
+ can fit into the grid. */
+ position: absolute;
+ /* The top margin moves the heading away from the grid.
+ The horizontal margin aligns the heading with the cells. */
+ margin: -1em 10px 0;
+}
+
/* CELLS */
.newtab-cell {
--cell-corner-radius: 8px;
diff --git a/arc-firefox-theme/chrome/browser/notification-icons.svg b/arc-firefox-theme/chrome/browser/notification-icons.svg
index dfb35ce..5250770 100644
--- a/arc-firefox-theme/chrome/browser/notification-icons.svg
+++ b/arc-firefox-theme/chrome/browser/notification-icons.svg
@@ -47,6 +47,11 @@
clip-path: url(#clip);
}
+ #login-highlighted {
+ fill: HighlightText;
+ fill-opacity: 1;
+ }
+
#plugin-blocked,
#plugin-blocked:target ~ #strikeout {
fill: #d92215;
@@ -99,6 +104,7 @@
<use id="indexedDB" xlink:href="#indexedDB-icon" />
<use id="indexedDB-blocked" class="blocked" xlink:href="#indexedDB-icon" />
<use id="login" xlink:href="#login-icon" />
+ <use id="login-highlighted" class="highlighted" xlink:href="#login-icon" />
<use id="login-detailed" xlink:href="#login-detailed-icon" />
<use id="microphone" xlink:href="#microphone-icon" />
<use id="microphone-sharing" xlink:href="#microphone-icon"/>
diff --git a/arc-firefox-theme/chrome/browser/pageInfo.css b/arc-firefox-theme/chrome/browser/pageInfo.css
index 8f56b34..f5b6138 100644
--- a/arc-firefox-theme/chrome/browser/pageInfo.css
+++ b/arc-firefox-theme/chrome/browser/pageInfo.css
@@ -260,16 +260,3 @@ treechildren::-moz-tree-cell-text(broken) {
#securityPanel row {
-moz-box-align: center;
}
-
-/* Icons for context menus */
-menuitem:not([type]) {
- -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic");
-}
-
-#menu_selectall {
- list-style-image: url("moz-icon://stock/gtk-select-all?size=menu");
-}
-
-#menu_copy {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu");
-}
diff --git a/arc-firefox-theme/chrome/browser/panel-icons.svg b/arc-firefox-theme/chrome/browser/panel-icons.svg
index 2f93607..2092e0f 100644
--- a/arc-firefox-theme/chrome/browser/panel-icons.svg
+++ b/arc-firefox-theme/chrome/browser/panel-icons.svg
@@ -4,5 +4,15 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg"
width="32" height="32" viewBox="0 0 32 32">
+ <style>
+ path:not(:target) {
+ display: none;
+ }
+ </style>
<path id="cancel" d="m 6,9.5 6.5,6.5 -6.5,6.5 3.5,3.5 6.5,-6.5 6.5,6.5 3.5,-3.5 -6.5,-6.5 6.5,-6.5 -3.5,-3.5 -6.5,6.5 -6.5,-6.5 z" />
+ <path id="folder" d="M17.3,9.4c0,0,1.1,0,3.7,0c1.7,0,2,0,5.6,0c0.6,0,0.6,0,1.1,0V9.2c0-1.5-0.9-2.6-2-2.6h-5.8V6.3c0-0.6-1.5-2-2.8-2h-7.1 H7.6H4.9v2.4v2.4v2.2c2.8,0,8.5,0,8.5,0C16.4,11.3,17.3,9.4,17.3,9.4z M29,13c0-0.6-0.6-1.1-1.5-1.7l0,0c-0.2,0-0.6,0-0.9,0 c-2.8,0-3,0-4.8,0c-1.9,0-3.3,0-3.3,0s-1.5,2.4-3.7,2.4c0,0-6.5,0-9.1,0H5.4C3,13.7,3,15.9,3,15.9l1.1,9.7C4.1,27.1,5,28,6.5,28 h19.1c1.5,0,2.4-0.9,2.4-2.4L29,13.7l0,0l0,0C29,13.7,29,13,29,13z" />
+ <path id="magnifier" d="M12.9,2c6,0,11,5,11,11c0,2.2-0.6,4.2-1.8,6l7.2,7c0.8,0.8,0.8,2.4,0,3.2c-0.6,0.6-1.2,0.8-1.6,0.8s-1.2-0.2-1.6-0.6l-7-7 c-1.8,1.2-3.8,1.8-6,1.8c-6,0-11-5-11-11C2.1,7.2,6.9,2,12.9,2z M12.9,20c3.8,0,7-3.2,7-7s-3.2-7-7-7s-7,3.2-7,7S9.1,20,12.9,20z" />
+ <path id="retry" d="M28,16.5v-14l-5,4.8c-1.8-1.4-4.4-2.4-7-2.4c-6.4,0-11.8,5.2-11.8,11.8c0,6.4,5.2,11.8,11.8,11.8c3.4,0,6.2-1.4,8.2-3.6 l-3.4-3.4c-1.2,1.2-3,1.8-5,1.8c-3.6,0.2-6.8-2.8-6.8-6.8c0-3.8,3-7.2,7-7.2c1.4,0,2.6,0.4,3.6,1l-6,6.2H28z"/>
+ <path id="arrow-left" d="M23.5,25l-9-9l9-9l-3-3l-12,12l12,12L23.5,25z" />
+ <path id="arrow-right" d="M11.6,28l12-12l-12-12l-3,3l9,9l-9,9L11.6,28z" />
</svg>
diff --git a/arc-firefox-theme/chrome/browser/places/organizer.css b/arc-firefox-theme/chrome/browser/places/organizer.css
index 10804a2..d1881db 100644
--- a/arc-firefox-theme/chrome/browser/places/organizer.css
+++ b/arc-firefox-theme/chrome/browser/places/organizer.css
@@ -20,6 +20,10 @@
color: ButtonText;
}
+#placesToolbar > toolbarbutton[disabled=true] {
+ color: GrayText;
+}
+
/* back button */
#back-button {
@@ -90,19 +94,6 @@
padding-inline-start: 2px;
}
-/**** menuitem stock icons ****/
-#orgClose {
- list-style-image: url("moz-icon://stock/gtk-close?size=menu");
-}
-
-#fileImport {
- list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=menu");
-}
-
-#fileExport {
- list-style-image: url("moz-icon://stock/gtk-save-as?size=menu");
-}
-
/**
* Downloads pane
*/
diff --git a/arc-firefox-theme/chrome/browser/places/places.css b/arc-firefox-theme/chrome/browser/places/places.css
index d2b806b..776191d 100644
--- a/arc-firefox-theme/chrome/browser/places/places.css
+++ b/arc-firefox-theme/chrome/browser/places/places.css
@@ -120,102 +120,3 @@ treechildren::-moz-tree-image(cutting) {
treechildren::-moz-tree-cell-text(cutting) {
opacity: 0.7;
}
-
-/**** menuitem stock icons ****/
-menuitem:not([type]) {
- -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic");
-}
-
-menuitem[command="cmd_cut"],
-menuitem[cmd="cmd_cut"] {
- list-style-image: url("moz-icon://stock/gtk-cut?size=menu");
-}
-
-menuitem[command="cmd_cut"][disabled],
-menuitem[cmd="cmd_cut"][disabled] {
- list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled");
-}
-
-menuitem[command="cmd_copy"],
-menuitem[cmd="cmd_copy"] {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu");
-}
-
-menuitem[command="cmd_copy"][disabled],
-menuitem[cmd="cmd_copy"][disabled] {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled");
-}
-
-menuitem[command="cmd_paste"],
-menuitem[cmd="cmd_paste"] {
- list-style-image: url("moz-icon://stock/gtk-paste?size=menu");
-}
-
-menuitem[command="cmd_paste"][disabled],
-menuitem[cmd="cmd_paste"][disabled] {
- list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled");
-}
-
-menuitem[command="cmd_delete"],
-menuitem[cmd="cmd_delete"] {
- list-style-image: url("moz-icon://stock/gtk-delete?size=menu");
-}
-
-menuitem[command="cmd_delete"][disabled],
-menuitem[cmd="cmd_delete"][disabled] {
- list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled");
-}
-
-menuitem[command="cmd_undo"],
-menuitem[cmd="cmd_undo"] {
- list-style-image: url("moz-icon://stock/gtk-undo?size=menu");
-}
-
-menuitem[command="cmd_undo"][disabled],
-menuitem[cmd="cmd_undo"][disabled] {
- list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled");
-}
-
-menuitem[command="cmd_redo"] {
- list-style-image: url("moz-icon://stock/gtk-redo?size=menu");
-}
-
-menuitem[command="cmd_redo"][disabled] {
- list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled");
-}
-
-menuitem[command="cmd_selectAll"],
-menuitem[cmd="cmd_selectAll"] {
- list-style-image: url("moz-icon://stock/gtk-select-all?size=menu");
-}
-
-menuitem[command="cmd_selectAll"][disabled],
-menuitem[cmd="cmd_selectAll"][disabled] {
- list-style-image: url("moz-icon://stock/gtk-select-all?size=menu&state=disabled");
-}
-
-#placesContext_open\:newwindow,
-menuitem[command="placesCmd_open:window"] {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 80px 16px 64px);
-}
-
-#placesContext_open\:newprivatewindow,
-menuitem[command="placesCmd_open:privatewindow"] {
- list-style-image: url("chrome://browser/skin/Privacy-16.png");
-}
-
-#placesContext_open\:newtab,
-menuitem[command="placesCmd_open:tab"] {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 64px 16px 48px);
-}
-
-#placesContext_show\:info,
-menuitem[command="placesCmd_show:info"] {
- list-style-image: url("moz-icon://stock/gtk-properties?size=menu");
-}
-
-#placesContext_reload {
- list-style-image: url("moz-icon://stock/gtk-refresh?size=menu");
-}
diff --git a/arc-firefox-theme/chrome/browser/preferences/containers.css b/arc-firefox-theme/chrome/browser/preferences/containers.css
new file mode 100644
index 0000000..308f573
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/containers.css
@@ -0,0 +1,143 @@
+/* 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/. */
+
+[data-identity-color="blue"] {
+ --identity-tab-color: #0996f8;
+ --identity-icon-color: #00a7e0;
+}
+
+[data-identity-color="turquoise"] {
+ --identity-tab-color: #01bdad;
+ --identity-icon-color: #01bdad;
+}
+
+[data-identity-color="green"] {
+ --identity-tab-color: #57bd35;
+ --identity-icon-color: #7dc14c;
+}
+
+[data-identity-color="yellow"] {
+ --identity-tab-color: #ffcb00;
+ --identity-icon-color: #ffcb00;
+}
+
+[data-identity-color="orange"] {
+ --identity-tab-color: #ff9216;
+ --identity-icon-color: #ff9216;
+}
+
+[data-identity-color="red"] {
+ --identity-tab-color: #d92215;
+ --identity-icon-color: #d92215;
+}
+
+[data-identity-color="pink"] {
+ --identity-tab-color: #ea385e;
+ --identity-icon-color: #ee5195;
+}
+
+[data-identity-color="purple"] {
+ --identity-tab-color: #7a2f7a;
+ --identity-icon-color: #7a2f7a;
+}
+
+[data-identity-icon="fingerprint"] {
+ --identity-icon: url("chrome://browser/content/usercontext.svg#fingerprint");
+}
+
+[data-identity-icon="briefcase"] {
+ --identity-icon: url("chrome://browser/content/usercontext.svg#briefcase");
+}
+
+[data-identity-icon="dollar"] {
+ --identity-icon: url("chrome://browser/content/usercontext.svg#dollar");
+}
+
+[data-identity-icon="cart"] {
+ --identity-icon: url("chrome://browser/content/usercontext.svg#cart");
+}
+
+[data-identity-icon="circle"] {
+ --identity-icon: url("chrome://browser/content/usercontext.svg#circle");
+}
+
+#userContext-indicator {
+ height: 16px;
+ width: 16px;
+}
+
+#userContext-label {
+ margin-inline-end: 3px;
+ color: var(--identity-tab-color);
+}
+
+#userContext-icons {
+ -moz-box-align: center;
+}
+
+.tabbrowser-tab[usercontextid] {
+ background-image: linear-gradient(to right, transparent 20%, var(--identity-tab-color) 30%, var(--identity-tab-color) 70%, transparent 80%);
+ background-size: auto 2px;
+ background-repeat: no-repeat;
+}
+
+.userContext-icon,
+.menuitem-iconic[data-usercontextid] > .menu-iconic-left > .menu-iconic-icon,
+.subviewbutton[usercontextid] > .toolbarbutton-icon,
+#userContext-indicator {
+ background-image: var(--identity-icon);
+ filter: url(chrome://browser/skin/filters.svg#fill);
+ fill: var(--identity-icon-color);
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center center;
+}
+
+:root {
+ --preference-selected-color: #0996f8;
+ --preference-unselected-color: #333;
+ --preference-active-color: #858585;
+}
+
+radiogroup {
+ display: flex;
+ margin-inline-start: 0.35rem;
+}
+
+radio {
+ flex: auto;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ -moz-user-select: none;
+ outline: 2px solid transparent;
+ outline-offset: 4px;
+ -moz-outline-radius: 100%;
+ min-block-size: 24px;
+ min-inline-size: 24px;
+ border-radius: 50%;
+ padding: 2px;
+ margin: 10px;
+}
+
+.icon-buttons > radio > [data-identity-icon] {
+ fill: #4d4d4d;
+}
+
+radio > [data-identity-icon] {
+ inline-size: 22px;
+ block-size: 22px;
+}
+
+radio[selected=true] {
+ outline-color: var(--preference-unselected-color);
+}
+
+radio[focused=true] {
+ outline-color: var(--preference-selected-color);
+}
+
+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
new file mode 100644
index 0000000..73e499a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/in-content/containers.css
@@ -0,0 +1,122 @@
+/* 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/. */
+
+[data-identity-color="blue"] {
+ --identity-tab-color: #0996f8;
+ --identity-icon-color: #00a7e0;
+}
+
+[data-identity-color="turquoise"] {
+ --identity-tab-color: #01bdad;
+ --identity-icon-color: #01bdad;
+}
+
+[data-identity-color="green"] {
+ --identity-tab-color: #57bd35;
+ --identity-icon-color: #7dc14c;
+}
+
+[data-identity-color="yellow"] {
+ --identity-tab-color: #ffcb00;
+ --identity-icon-color: #ffcb00;
+}
+
+[data-identity-color="orange"] {
+ --identity-tab-color: #ff9216;
+ --identity-icon-color: #ff9216;
+}
+
+[data-identity-color="red"] {
+ --identity-tab-color: #d92215;
+ --identity-icon-color: #d92215;
+}
+
+[data-identity-color="pink"] {
+ --identity-tab-color: #ea385e;
+ --identity-icon-color: #ee5195;
+}
+
+[data-identity-color="purple"] {
+ --identity-tab-color: #7a2f7a;
+ --identity-icon-color: #7a2f7a;
+}
+
+[data-identity-icon="fingerprint"] {
+ --identity-icon: url("chrome://browser/content/usercontext.svg#fingerprint");
+}
+
+[data-identity-icon="briefcase"] {
+ --identity-icon: url("chrome://browser/content/usercontext.svg#briefcase");
+}
+
+[data-identity-icon="dollar"] {
+ --identity-icon: url("chrome://browser/content/usercontext.svg#dollar");
+}
+
+[data-identity-icon="cart"] {
+ --identity-icon: url("chrome://browser/content/usercontext.svg#cart");
+}
+
+[data-identity-icon="circle"] {
+ --identity-icon: url("chrome://browser/content/usercontext.svg#circle");
+}
+
+#userContext-indicator {
+ height: 16px;
+ width: 16px;
+}
+
+#userContext-label {
+ margin-inline-end: 3px;
+ color: var(--identity-tab-color);
+}
+
+#userContext-icons {
+ -moz-box-align: center;
+}
+
+.tabbrowser-tab[usercontextid] {
+ background-image: linear-gradient(to right, transparent 20%, var(--identity-tab-color) 30%, var(--identity-tab-color) 70%, transparent 80%);
+ background-size: auto 2px;
+ background-repeat: no-repeat;
+}
+
+.userContext-icon,
+.menuitem-iconic[data-usercontextid] > .menu-iconic-left > .menu-iconic-icon,
+.subviewbutton[usercontextid] > .toolbarbutton-icon,
+#userContext-indicator {
+ background-image: var(--identity-icon);
+ filter: url(chrome://browser/skin/filters.svg#fill);
+ fill: var(--identity-icon-color);
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center center;
+}
+
+.container-header-links {
+ margin-block-end: 15px;
+}
+
+[data-identity-icon] {
+ margin: 0;
+ margin-inline-end: 16px;
+}
+
+#containersView {
+ border: 0 none;
+ background: transparent;
+}
+
+#containersView richlistitem {
+ margin: 0px;
+ margin-inline-end: 8px;
+ padding: 0;
+ padding-block-end: 8px;
+ border-block-end: 1px solid var(--in-content-header-border-color);
+}
+
+#containersView richlistitem:last-of-type {
+ border-block-end: 0 none;
+ margin-block-end: 8px;
+}
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 a9bc23e..51042a4 100644
--- a/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css
+++ b/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css
@@ -368,7 +368,6 @@ description > html|a {
#dialogFrame {
-moz-box-flex: 1;
/* Default dialog dimensions */
- height: 20em;
width: 66ch;
}
@@ -496,6 +495,8 @@ description > html|a {
.fxaAccountBoxButtons {
margin-bottom: 0 !important;
margin-top: 11px;
+ display: flex;
+ align-items: center;
}
.fxaAccountBoxButtons > * {
diff --git a/arc-firefox-theme/chrome/browser/privatebrowsing/aboutPrivateBrowsing.css b/arc-firefox-theme/chrome/browser/privatebrowsing/aboutPrivateBrowsing.css
index e0e023c..923aa92 100644
--- a/arc-firefox-theme/chrome/browser/privatebrowsing/aboutPrivateBrowsing.css
+++ b/arc-firefox-theme/chrome/browser/privatebrowsing/aboutPrivateBrowsing.css
@@ -135,6 +135,23 @@ a.button {
display: inline-block;
}
+/**
+ * We want to hide the checkbox in lieu of the toggle-btn
+ * "slider toggle". We need to make the toggle keyboard
+ * focusable, however, which is not possible if it's
+ * display:none. We work around this by making the toggle
+ * invisible but still present in the display list, allowing
+ * it to receive keyboard events. When it is focused by keyboard,
+ * we use the -moz-focusring selector on the invisible checkbox
+ * to show a focus ring around the slider toggle.
+ */
+.toggle-input {
+ opacity: 0;
+ width: 0;
+ pointer-events: none;
+ position: absolute;
+}
+
.toggle + .toggle-btn {
box-sizing: border-box;
cursor: pointer;
diff --git a/arc-firefox-theme/chrome/browser/sanitizeDialog.css b/arc-firefox-theme/chrome/browser/sanitizeDialog.css
index 28d4e7e..e73cd27 100644
--- a/arc-firefox-theme/chrome/browser/sanitizeDialog.css
+++ b/arc-firefox-theme/chrome/browser/sanitizeDialog.css
@@ -56,7 +56,7 @@
padding: 0;
margin-top: 6px;
margin-bottom: 6px;
- margin-inline-start: -6px;
+ margin-inline-start: -4px;
margin-inline-end: 0;
}
diff --git a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
index 9f0b5f8..1e89eed 100644
--- a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
+++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
@@ -381,238 +381,6 @@ menuitem.bookmark-item {
opacity: 0.7;
}
-/* Stock icons for the menu bar items */
-menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
- -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic");
-}
-
-#placesContext_open\:newwindow,
-#menu_newNavigator,
-#context-openlink,
-#context-openframe {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 80px 16px 64px);
-}
-
-#placesContext_open\:newtab,
-#placesContext_openContainer\:tabs,
-#menu_newNavigatorTab,
-#context-openlinkintab,
-#context-openlinkincontainertab,
-#context-openframeintab {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 64px 16px 48px);
-}
-
-#menu_openFile {
- list-style-image: url("moz-icon://stock/gtk-open?size=menu");
-}
-
-#menu_close {
- list-style-image: url("moz-icon://stock/gtk-close?size=menu");
-}
-
-#context-media-play {
- list-style-image: url("moz-icon://stock/gtk-media-play?size=menu");
-}
-
-#context-media-pause {
- list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu");
-}
-
-#menu_savePage,
-#context-savelink,
-#context-saveimage,
-#context-savevideo,
-#context-saveaudio,
-#context-savepage,
-#context-saveframe {
- list-style-image: url("moz-icon://stock/gtk-save-as?size=menu");
-}
-
-#menu_printPreview {
- list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu");
-}
-
-#menu_print,
-#context-printframe {
- list-style-image: url("moz-icon://stock/gtk-print?size=menu");
-}
-
-#menu_FileQuitItem {
- list-style-image: url("moz-icon://stock/gtk-quit?size=menu");
-}
-
-#menu_undo,
-#context-undo {
- list-style-image: url("moz-icon://stock/gtk-undo?size=menu");
-}
-
-#menu_undo[disabled],
-#context-undo[disabled] {
- list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled");
-}
-
-#menu_redo {
- list-style-image: url("moz-icon://stock/gtk-redo?size=menu");
-}
-
-#menu_redo[disabled] {
- list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled");
-}
-
-#menu_cut,
-#placesContext_cut,
-#context-cut {
- list-style-image: url("moz-icon://stock/gtk-cut?size=menu");
-}
-
-#menu_cut[disabled],
-#placesContext_cut[disabled],
-#context-cut[disabled] {
- list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled");
-}
-
-#menu_copy,
-#placesContext_copy,
-#context-copy,
-#context-copyimage,
-#context-copyvideourl,
-#context-copyaudiourl,
-#context-copylink,
-#context-copyemail {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu");
-}
-
-#menu_copy[disabled],
-#placesContext_copy[disabled],
-#context-copy[disabled] {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled");
-}
-
-#menu_paste,
-#placesContext_paste,
-#context-paste {
- list-style-image: url("moz-icon://stock/gtk-paste?size=menu");
-}
-
-#menu_paste[disabled],
-#placesContext_paste[disabled],
-#context-paste[disabled] {
- list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled");
-}
-
-#menu_delete,
-#placesContext_delete,
-#placesContext_delete_history,
-#context-delete {
- list-style-image: url("moz-icon://stock/gtk-delete?size=menu");
-}
-
-#menu_delete[disabled],
-#placesContext_delete[disabled],
-#placesContext_delete_history[disabled],
-#context-delete[disabled] {
- list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled");
-}
-
-#menu_selectAll,
-#context-selectall {
- list-style-image: url("moz-icon://stock/gtk-select-all?size=menu");
-}
-
-#menu_find {
- list-style-image: url("moz-icon://stock/gtk-find?size=menu");
-}
-
-#menu_find[disabled] {
- list-style-image: url("moz-icon://stock/gtk-find?size=menu&state=disabled");
-}
-
-#menu_preferences {
- list-style-image: url("moz-icon://stock/gtk-preferences?size=menu");
-}
-
-#placesContext_reload,
-#context-reloadframe {
- list-style-image: url("moz-icon://stock/gtk-refresh?size=menu");
-}
-
-#menu_zoomEnlarge {
- list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu");
-}
-
-#menu_zoomReduce {
- list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu");
-}
-
-#menu_zoomReset {
- list-style-image: url("moz-icon://stock/gtk-zoom-100?size=menu");
-}
-
-#menu_showAllHistory {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 32px 16px 16px);
-}
-
-#bookmarksShowAll {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 48px 16px 32px);
-}
-
-#subscribeToPageMenuitem:not([disabled]),
-#subscribeToPageMenupopup {
- list-style-image: url("chrome://browser/skin/page-livemarks.png");
-}
-
-#bookmarksToolbarFolderMenu,
-#BMB_bookmarksToolbar,
-#panelMenu_bookmarksToolbar {
- list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png");
-}
-
-#menu_unsortedBookmarks,
-#BMB_unsortedBookmarks,
-#panelMenu_unsortedBookmarks {
- list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png");
-}
-
-#menu_openDownloads {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 16px 16px 0px);
-}
-
-#menu_openAddons {
- list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
-}
-
-#menu_pageInfo,
-#context-viewinfo,
-#context-viewframeinfo {
- list-style-image: url("moz-icon://stock/gtk-info?size=menu");
-}
-
-#placesContext_open\:newprivatewindow,
-#privateBrowsingItem {
- list-style-image: url("chrome://browser/skin/Privacy-16.png");
-}
-
-#placesContext_show\:info {
- list-style-image: url("moz-icon://stock/gtk-properties?size=menu");
-}
-
-#sanitizeItem {
- list-style-image: url("moz-icon://stock/gtk-clear?size=menu");
-}
-
-#menu_openHelp {
- list-style-image: url("moz-icon://stock/gtk-help?size=menu");
-}
-
-#aboutName {
- list-style-image: url("moz-icon://stock/gtk-about?size=menu");
-}
-
/* Primary toolbar buttons */
:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > .toolbarbutton-icon,
@@ -1923,6 +1691,13 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
height: 16px;
}
+#urlbar[actiontype="extension"] > #identity-box > #identity-icon {
+ -moz-image-region: inherit;
+ list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg);
+ width: 16px;
+ height: 16px;
+}
+
/* SHARING ICON */
#sharing-icon {
@@ -2083,8 +1858,7 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/notification-icons.svg#login-detailed);
}
-.camera-icon,
-.popup-notification-icon[popupid="webRTC-shareDevices"] {
+.camera-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#camera);
}
@@ -2108,11 +1882,10 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/notification-icons.svg#microphone-blocked);
}
-.popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+.popup-notification-icon.microphone-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#microphone-detailed);
}
-.popup-notification-icon[popupid="webRTC-shareScreen"],
.screen-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#screen);
}
@@ -2125,6 +1898,34 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
list-style-image: url(chrome://browser/skin/notification-icons.svg#screen-blocked);
}
+#webRTC-preview:not([hidden]) {
+ display: -moz-stack;
+ border-radius: 4px;
+ border: 1px solid GrayText;
+ overflow: hidden;
+ min-width: 300px;
+ min-height: 10em;
+}
+
+html|*#webRTC-previewVideo {
+ width: 300px;
+ /* If we don't set the min-width, width is ignored. */
+ min-width: 300px;
+ max-height: 200px;
+}
+
+#webRTC-previewWarning {
+ background: rgba(255, 217, 99, .8) url("chrome://browser/skin/warning-white.svg") no-repeat .75em .75em;
+ margin: 0;
+ padding: .5em;
+ padding-inline-start: calc(1.5em + 16px);
+ border-top: 1px solid GrayText;
+}
+
+#webRTC-previewWarning > .text-link {
+ margin-inline-start: 0;
+}
+
/* This icon has a block sign in it, so we don't need a blocked version. */
.popup-icon {
list-style-image: url("chrome://browser/skin/notification-icons.svg#popup");
@@ -2155,7 +1956,7 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
/* INSTALL ADDONS */
.install-icon {
- list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default);
+ list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg);
}
.popup-notification-icon[popupid="xpinstall-disabled"],
@@ -2431,6 +2232,73 @@ notification[value="translation"] menulist > .menulist-dropmarker {
display: block;
}
+/* AutoComplete */
+
+
+#PopupAutoComplete > richlistbox > richlistitem {
+ height: 20px;
+ min-height: 20px;
+ border: 0;
+ border-radius: 0;
+ padding: 0px 1px 0px 1px;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem > .ac-site-icon {
+ margin-inline-start: 4px;
+ margin-inline-end: 0;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem > .ac-title {
+ font: icon;
+ margin-inline-start: 4px;
+}
+
+#PopupAutoComplete > richlistbox {
+ padding: 0;
+}
+
+
+/* Login form autocompletion */
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
+ display: initial;
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#login);
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon[selected] {
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#login-highlighted);
+}
+
+
+/* Insecure field warning */
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] {
+ background-color: var(--arrowpanel-dimmed);
+ border-bottom: 1px solid var(--panel-separator-color);
+ padding-bottom: 4px;
+ padding-top: 4px;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] {
+ background-color: var(--arrowpanel-dimmed-further);
+ color: -moz-DialogText;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title {
+ color: GrayText;
+ font-size: 1em;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] > .ac-title {
+ color: inherit;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-site-icon {
+ list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon);
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype~="datalist-first"] {
+ border-top: 1px solid ThreeDShadow;
+}
+
#treecolAutoCompleteImage {
max-width : 36px;
}
@@ -3044,32 +2912,43 @@ html|span.ac-emphasize-text-url {
}
.tab-icon-overlay[soundplaying],
-.tab-icon-overlay[muted]:not([crashed]) {
+.tab-icon-overlay[muted]:not([crashed]),
+.tab-icon-overlay[blocked]:not([crashed]) {
border-radius: 8px;
}
.tab-icon-overlay[soundplaying]:hover,
-.tab-icon-overlay[muted]:not([crashed]):hover {
+.tab-icon-overlay[muted]:not([crashed]):hover,
+.tab-icon-overlay[blocked]:not([crashed]):hover {
background-color: white;
}
.tab-icon-overlay[soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-audio-small.svg#tab-audio");
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio");
}
.tab-icon-overlay[muted]:not([crashed]) {
- list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-audio-small.svg#tab-audio-muted");
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted");
+}
+
+.tab-icon-overlay[blocked]:not([crashed]) {
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-blocked");
}
//#TabsToolbar[brighttext] .tab-icon-overlay[soundplaying]:not([selected]):not(:hover),
//.tab-icon-overlay[soundplaying][selected]:-moz-lwtheme-brighttext:not(:hover) {
// list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white");
//}
-
+//
//#TabsToolbar[brighttext] .tab-icon-overlay[muted]:not([crashed]):not([selected]):not(:hover),
//.tab-icon-overlay[muted][selected]:-moz-lwtheme-brighttext:not(:hover) {
// list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-muted");
//}
+//
+//#TabsToolbar[brighttext] .tab-icon-overlay[blocked]:not([crashed]):not([selected]):not(:hover),
+//.tab-icon-overlay[blocked][selected]:-moz-lwtheme-brighttext:not(:hover) {
+// list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-blocked");
+//}
.tab-throbber[busy] {
list-style-image: url("chrome://browser/skin/custom_images/connecting.png");
@@ -3097,33 +2976,44 @@ html|span.ac-emphasize-text-url {
padding: 0;
}
-.tab-icon-sound[soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-audio.svg#tab-audio-backgroundTab");
+.tab-icon-sound[soundplaying],
+.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);
+ fill: currentColor;
}
-.tab-icon-sound[soundplaying]:hover {
- list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-audio.svg#tab-audio-backgroundTab-hover");
+.tab-icon-sound[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted);
}
-.tab-icon-sound[soundplaying]:hover:active {
- list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-audio.svg#tab-audio-backgroundTab-pressed");
+.tab-icon-sound[blocked] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked);
}
-.tab-icon-sound[muted] {
- list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-audio.svg#tab-audio-backgroundTab-muted");
+.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);
}
-.tab-icon-sound[muted]:hover {
- list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-hover");
+.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);
}
-.tab-icon-sound[muted]:hover:active {
- list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-pressed");
+.tab-icon-sound[soundplaying]:not(:hover),
+.tab-icon-sound[muted]:not(:hover),
+.tab-icon-sound[blocked]:not(:hover) {
+ opacity: .8;
}
-.tab-icon-sound:-moz-lwtheme,
-.tab-icon-sound[selected=true][soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/tabs/tab-audio.svg#tab-audio");
+.tab-icon-sound[soundplaying-scheduledremoval]:not([muted]):not(:hover),
+.tab-icon-overlay[soundplaying-scheduledremoval]:not([muted]):not(:hover) {
+ transition: opacity .3s linear var(--soundplaying-removal-delay);
+ opacity: 0;
}
.tab-background,
@@ -3313,6 +3203,7 @@ html|span.ac-emphasize-text-url {
.tabs-newtab-button,
.tab-icon-overlay[soundplaying],
.tab-icon-overlay[muted]:not([crashed]),
+.tab-icon-overlay[blocked]:not([crashed]),
.tab-icon-sound,
.tab-close-button {
pointer-events: auto;
@@ -3375,6 +3266,29 @@ html|span.ac-emphasize-text-url {
width: calc(36px + 30px);
}
+/* All tabs menupopup */
+
+.alltabs-item[tabIsVisible] {
+ /* box-shadow instead of background-color to work around native styling */
+ box-shadow: inset -5px 0 ThreeDShadow;
+}
+
+.alltabs-endimage[soundplaying],
+.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);
+ fill: currentColor;
+}
+
+.alltabs-endimage[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted);
+}
+
+.alltabs-endimage[blocked] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked);
+}
+
#tabbrowser-tabs {
/* override the global style to allow the selected tab to be above the nav-bar */
z-index: auto;
@@ -4691,13 +4605,7 @@ toolbar[brighttext] #downloads-indicator-counter {
height: 24px;
}
-#customization-titlebar-visibility-button {
- list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png");
- -moz-image-region: rect(0, 24px, 24px, 0);
-}
-
-#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text,
-#customization-titlebar-visibility-button > .button-box > .button-text {
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text {
/* Sadly, button.css thinks its margins are perfect for everyone. */
margin-inline-start: 6px !important;
}
@@ -4706,27 +4614,10 @@ toolbar[brighttext] #downloads-indicator-counter {
width: 20px;
height: 20px;
border-radius: 2px;
+ background-image: url("chrome://browser/skin/theme-switcher-icon.png");
background-size: contain;
}
-#customization-titlebar-visibility-button > .button-box > .button-icon {
- vertical-align: middle;
-}
-
-#customization-titlebar-visibility-button[checked] {
- -moz-image-region: rect(0, 48px, 24px, 24px);
-}
-
-@media (min-resolution: 1.1dppx) {
- #customization-titlebar-visibility-button {
- list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png");
- -moz-image-region: rect(0, 48px, 48px, 0);
- }
-
- #customization-titlebar-visibility-button[checked] {
- -moz-image-region: rect(0, 96px, 48px, 48px);
- }
-}
#main-window[customize-entered] #customization-panel-container {
background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"),
@@ -5462,7 +5353,6 @@ notification.heartbeat {
}
#context-navigation > .menuitem-iconic > .menu-iconic-left {
- visibility: visible;
/* override toolkit/themes/linux/global/menu.css */
padding-inline-end: 0 !important;
margin-inline-end: 0 !important;
@@ -5476,7 +5366,3 @@ notification.heartbeat {
.webextension-popup-browser {
border-radius: inherit;
}
-
-.menuitem-iconic[usercontextid] > .menu-iconic-left > .menu-iconic-icon {
- visibility: visible;
-}
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.css b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
index 8e87e14..4a15269 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-dark.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
@@ -285,194 +285,6 @@ menuitem.bookmark-item {
.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text {
opacity: 0.7; }
-/* Stock icons for the menu bar items */
-menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
- -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); }
-
-#placesContext_open\:newwindow,
-#menu_newNavigator,
-#context-openlink,
-#context-openframe {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 80px 16px 64px); }
-
-#placesContext_open\:newtab,
-#placesContext_openContainer\:tabs,
-#menu_newNavigatorTab,
-#context-openlinkintab,
-#context-openlinkincontainertab,
-#context-openframeintab {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 64px 16px 48px); }
-
-#menu_openFile {
- list-style-image: url("moz-icon://stock/gtk-open?size=menu"); }
-
-#menu_close {
- list-style-image: url("moz-icon://stock/gtk-close?size=menu"); }
-
-#context-media-play {
- list-style-image: url("moz-icon://stock/gtk-media-play?size=menu"); }
-
-#context-media-pause {
- list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu"); }
-
-#menu_savePage,
-#context-savelink,
-#context-saveimage,
-#context-savevideo,
-#context-saveaudio,
-#context-savepage,
-#context-saveframe {
- list-style-image: url("moz-icon://stock/gtk-save-as?size=menu"); }
-
-#menu_printPreview {
- list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); }
-
-#menu_print,
-#context-printframe {
- list-style-image: url("moz-icon://stock/gtk-print?size=menu"); }
-
-#menu_FileQuitItem {
- list-style-image: url("moz-icon://stock/gtk-quit?size=menu"); }
-
-#menu_undo,
-#context-undo {
- list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); }
-
-#menu_undo[disabled],
-#context-undo[disabled] {
- list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); }
-
-#menu_redo {
- list-style-image: url("moz-icon://stock/gtk-redo?size=menu"); }
-
-#menu_redo[disabled] {
- list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled"); }
-
-#menu_cut,
-#placesContext_cut,
-#context-cut {
- list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); }
-
-#menu_cut[disabled],
-#placesContext_cut[disabled],
-#context-cut[disabled] {
- list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); }
-
-#menu_copy,
-#placesContext_copy,
-#context-copy,
-#context-copyimage,
-#context-copyvideourl,
-#context-copyaudiourl,
-#context-copylink,
-#context-copyemail {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); }
-
-#menu_copy[disabled],
-#placesContext_copy[disabled],
-#context-copy[disabled] {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); }
-
-#menu_paste,
-#placesContext_paste,
-#context-paste {
- list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); }
-
-#menu_paste[disabled],
-#placesContext_paste[disabled],
-#context-paste[disabled] {
- list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); }
-
-#menu_delete,
-#placesContext_delete,
-#placesContext_delete_history,
-#context-delete {
- list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); }
-
-#menu_delete[disabled],
-#placesContext_delete[disabled],
-#placesContext_delete_history[disabled],
-#context-delete[disabled] {
- list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); }
-
-#menu_selectAll,
-#context-selectall {
- list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); }
-
-#menu_find {
- list-style-image: url("moz-icon://stock/gtk-find?size=menu"); }
-
-#menu_find[disabled] {
- list-style-image: url("moz-icon://stock/gtk-find?size=menu&state=disabled"); }
-
-#menu_preferences {
- list-style-image: url("moz-icon://stock/gtk-preferences?size=menu"); }
-
-#placesContext_reload,
-#context-reloadframe {
- list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); }
-
-#menu_zoomEnlarge {
- list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu"); }
-
-#menu_zoomReduce {
- list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu"); }
-
-#menu_zoomReset {
- list-style-image: url("moz-icon://stock/gtk-zoom-100?size=menu"); }
-
-#menu_showAllHistory {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 32px 16px 16px); }
-
-#bookmarksShowAll {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 48px 16px 32px); }
-
-#subscribeToPageMenuitem:not([disabled]),
-#subscribeToPageMenupopup {
- list-style-image: url("chrome://browser/skin/page-livemarks.png"); }
-
-#bookmarksToolbarFolderMenu,
-#BMB_bookmarksToolbar,
-#panelMenu_bookmarksToolbar {
- list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); }
-
-#menu_unsortedBookmarks,
-#BMB_unsortedBookmarks,
-#panelMenu_unsortedBookmarks {
- list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); }
-
-#menu_openDownloads {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 16px 16px 0px); }
-
-#menu_openAddons {
- list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); }
-
-#menu_pageInfo,
-#context-viewinfo,
-#context-viewframeinfo {
- list-style-image: url("moz-icon://stock/gtk-info?size=menu"); }
-
-#placesContext_open\:newprivatewindow,
-#privateBrowsingItem {
- list-style-image: url("chrome://browser/skin/Privacy-16.png"); }
-
-#placesContext_show\:info {
- list-style-image: url("moz-icon://stock/gtk-properties?size=menu"); }
-
-#sanitizeItem {
- list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); }
-
-#menu_openHelp {
- list-style-image: url("moz-icon://stock/gtk-help?size=menu"); }
-
-#aboutName {
- list-style-image: url("moz-icon://stock/gtk-about?size=menu"); }
-
/* Primary toolbar buttons */
:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > .toolbarbutton-icon,
:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon {
@@ -1440,6 +1252,12 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
width: 16px;
height: 16px; }
+#urlbar[actiontype="extension"] > #identity-box > #identity-icon {
+ -moz-image-region: inherit;
+ list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg);
+ width: 16px;
+ height: 16px; }
+
/* SHARING ICON */
#sharing-icon {
width: 16px;
@@ -1561,8 +1379,7 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
.popup-notification-icon[popupid="password"] {
list-style-image: url(chrome://browser/skin/notification-icons.svg#login-detailed); }
-.camera-icon,
-.popup-notification-icon[popupid="webRTC-shareDevices"] {
+.camera-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#camera); }
.camera-icon.in-use {
@@ -1580,10 +1397,9 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
.microphone-icon.blocked-permission-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#microphone-blocked); }
-.popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+.popup-notification-icon.microphone-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#microphone-detailed); }
-.popup-notification-icon[popupid="webRTC-shareScreen"],
.screen-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#screen); }
@@ -1593,6 +1409,30 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
.screen-icon.blocked-permission-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#screen-blocked); }
+#webRTC-preview:not([hidden]) {
+ display: -moz-stack;
+ border-radius: 4px;
+ border: 1px solid GrayText;
+ overflow: hidden;
+ min-width: 300px;
+ min-height: 10em; }
+
+html|*#webRTC-previewVideo {
+ width: 300px;
+ /* If we don't set the min-width, width is ignored. */
+ min-width: 300px;
+ max-height: 200px; }
+
+#webRTC-previewWarning {
+ background: rgba(255, 217, 99, 0.8) url("chrome://browser/skin/warning-white.svg") no-repeat 0.75em 0.75em;
+ margin: 0;
+ padding: .5em;
+ padding-inline-start: calc(1.5em + 16px);
+ border-top: 1px solid GrayText; }
+
+#webRTC-previewWarning > .text-link {
+ margin-inline-start: 0; }
+
/* This icon has a block sign in it, so we don't need a blocked version. */
.popup-icon {
list-style-image: url("chrome://browser/skin/notification-icons.svg#popup"); }
@@ -1619,7 +1459,7 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
transform: translateX(0); } }
/* INSTALL ADDONS */
.install-icon {
- list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default); }
+ list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg); }
.popup-notification-icon[popupid="xpinstall-disabled"],
.popup-notification-icon[popupid="addon-install-blocked"],
@@ -1829,6 +1669,57 @@ notification[value="translation"] button:not([type="menu"]) > .button-box {
notification[value="translation"] menulist > .menulist-dropmarker {
display: block; }
+/* AutoComplete */
+#PopupAutoComplete > richlistbox > richlistitem {
+ height: 20px;
+ min-height: 20px;
+ border: 0;
+ border-radius: 0;
+ padding: 0px 1px 0px 1px; }
+
+#PopupAutoComplete > richlistbox > richlistitem > .ac-site-icon {
+ margin-inline-start: 4px;
+ margin-inline-end: 0; }
+
+#PopupAutoComplete > richlistbox > richlistitem > .ac-title {
+ font: icon;
+ margin-inline-start: 4px; }
+
+#PopupAutoComplete > richlistbox {
+ padding: 0; }
+
+/* Login form autocompletion */
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
+ display: initial;
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#login); }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon[selected] {
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#login-highlighted); }
+
+/* Insecure field warning */
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] {
+ background-color: var(--arrowpanel-dimmed);
+ border-bottom: 1px solid var(--panel-separator-color);
+ padding-bottom: 4px;
+ padding-top: 4px; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] {
+ background-color: var(--arrowpanel-dimmed-further);
+ color: -moz-DialogText; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title {
+ color: GrayText;
+ font-size: 1em; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] > .ac-title {
+ color: inherit; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-site-icon {
+ list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon); }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype~="datalist-first"] {
+ border-top: 1px solid ThreeDShadow; }
+
#treecolAutoCompleteImage {
max-width: 36px; }
@@ -2302,18 +2193,23 @@ html|span.ac-emphasize-text-url {
list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); }
.tab-icon-overlay[soundplaying],
-.tab-icon-overlay[muted]:not([crashed]) {
+.tab-icon-overlay[muted]:not([crashed]),
+.tab-icon-overlay[blocked]:not([crashed]) {
border-radius: 8px; }
.tab-icon-overlay[soundplaying]:hover,
-.tab-icon-overlay[muted]:not([crashed]):hover {
+.tab-icon-overlay[muted]:not([crashed]):hover,
+.tab-icon-overlay[blocked]:not([crashed]):hover {
background-color: white; }
.tab-icon-overlay[soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio-small.svg#tab-audio"); }
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio"); }
.tab-icon-overlay[muted]:not([crashed]) {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio-small.svg#tab-audio-muted"); }
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted"); }
+
+.tab-icon-overlay[blocked]:not([crashed]) {
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-blocked"); }
.tab-throbber[busy] {
list-style-image: url("chrome://browser/skin/custom_images/connecting.png"); }
@@ -2336,27 +2232,38 @@ html|span.ac-emphasize-text-url {
height: 16px;
padding: 0; }
-.tab-icon-sound[soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-backgroundTab"); }
+.tab-icon-sound[soundplaying],
+.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);
+ fill: currentColor; }
-.tab-icon-sound[soundplaying]:hover {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-backgroundTab-hover"); }
+.tab-icon-sound[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted); }
-.tab-icon-sound[soundplaying]:hover:active {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-backgroundTab-pressed"); }
+.tab-icon-sound[blocked] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked); }
-.tab-icon-sound[muted] {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-backgroundTab-muted"); }
+.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); }
-.tab-icon-sound[muted]:hover {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-hover"); }
+.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); }
-.tab-icon-sound[muted]:hover:active {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-pressed"); }
+.tab-icon-sound[soundplaying]:not(:hover),
+.tab-icon-sound[muted]:not(:hover),
+.tab-icon-sound[blocked]:not(:hover) {
+ opacity: .8; }
-.tab-icon-sound:-moz-lwtheme,
-.tab-icon-sound[selected=true][soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio"); }
+.tab-icon-sound[soundplaying-scheduledremoval]:not([muted]):not(:hover),
+.tab-icon-overlay[soundplaying-scheduledremoval]:not([muted]):not(:hover) {
+ transition: opacity 0.3s linear var(--soundplaying-removal-delay);
+ opacity: 0; }
.tab-background,
.tabs-newtab-button {
@@ -2507,6 +2414,7 @@ lwtHeader;*/
.tabs-newtab-button,
.tab-icon-overlay[soundplaying],
.tab-icon-overlay[muted]:not([crashed]),
+.tab-icon-overlay[blocked]:not([crashed]),
.tab-icon-sound,
.tab-close-button {
pointer-events: auto; }
@@ -2537,6 +2445,24 @@ lwtHeader;*/
.tabs-newtab-button {
width: calc(36px + 30px); }
+/* All tabs menupopup */
+.alltabs-item[tabIsVisible] {
+ /* box-shadow instead of background-color to work around native styling */
+ box-shadow: inset -5px 0 ThreeDShadow; }
+
+.alltabs-endimage[soundplaying],
+.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);
+ fill: currentColor; }
+
+.alltabs-endimage[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted); }
+
+.alltabs-endimage[blocked] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked); }
+
#tabbrowser-tabs {
/* override the global style to allow the selected tab to be above the nav-bar */
z-index: auto; }
@@ -3600,12 +3526,7 @@ toolbar[brighttext] #downloads-indicator-counter {
.customizationmode-button > .button-box > .button-icon {
height: 24px; }
-#customization-titlebar-visibility-button {
- list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png");
- -moz-image-region: rect(0, 24px, 24px, 0); }
-
-#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text,
-#customization-titlebar-visibility-button > .button-box > .button-text {
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text {
/* Sadly, button.css thinks its margins are perfect for everyone. */
margin-inline-start: 6px !important; }
@@ -3613,21 +3534,9 @@ toolbar[brighttext] #downloads-indicator-counter {
width: 20px;
height: 20px;
border-radius: 2px;
+ background-image: url("chrome://browser/skin/theme-switcher-icon.png");
background-size: contain; }
-#customization-titlebar-visibility-button > .button-box > .button-icon {
- vertical-align: middle; }
-
-#customization-titlebar-visibility-button[checked] {
- -moz-image-region: rect(0, 48px, 24px, 24px); }
-
-@media (min-resolution: 1.1dppx) {
- #customization-titlebar-visibility-button {
- list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png");
- -moz-image-region: rect(0, 48px, 48px, 0); }
-
- #customization-titlebar-visibility-button[checked] {
- -moz-image-region: rect(0, 96px, 48px, 48px); } }
#main-window[customize-entered] #customization-panel-container {
background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"), url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"), url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #3e86ce, #3878ba);
background-position: center top, left center, left top, left top, left top;
@@ -4226,7 +4135,6 @@ notification.heartbeat {
list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); }
#context-navigation > .menuitem-iconic > .menu-iconic-left {
- visibility: visible;
/* override toolkit/themes/linux/global/menu.css */
padding-inline-end: 0 !important;
margin-inline-end: 0 !important; }
@@ -4238,9 +4146,6 @@ notification.heartbeat {
.webextension-popup-browser {
border-radius: inherit; }
-.menuitem-iconic[usercontextid] > .menu-iconic-left > .menu-iconic-icon {
- visibility: visible; }
-
#nav-bar #loop-button, #nav-bar
toolbar[brighttext] #loop-button {
list-style-image: url("chrome://browser/skin/custom_images/dark/loop-toolbar-icons.svg") !important; }
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
index c7127da..f48dd3c 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
@@ -285,194 +285,6 @@ menuitem.bookmark-item {
.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text {
opacity: 0.7; }
-/* Stock icons for the menu bar items */
-menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
- -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); }
-
-#placesContext_open\:newwindow,
-#menu_newNavigator,
-#context-openlink,
-#context-openframe {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 80px 16px 64px); }
-
-#placesContext_open\:newtab,
-#placesContext_openContainer\:tabs,
-#menu_newNavigatorTab,
-#context-openlinkintab,
-#context-openlinkincontainertab,
-#context-openframeintab {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 64px 16px 48px); }
-
-#menu_openFile {
- list-style-image: url("moz-icon://stock/gtk-open?size=menu"); }
-
-#menu_close {
- list-style-image: url("moz-icon://stock/gtk-close?size=menu"); }
-
-#context-media-play {
- list-style-image: url("moz-icon://stock/gtk-media-play?size=menu"); }
-
-#context-media-pause {
- list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu"); }
-
-#menu_savePage,
-#context-savelink,
-#context-saveimage,
-#context-savevideo,
-#context-saveaudio,
-#context-savepage,
-#context-saveframe {
- list-style-image: url("moz-icon://stock/gtk-save-as?size=menu"); }
-
-#menu_printPreview {
- list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); }
-
-#menu_print,
-#context-printframe {
- list-style-image: url("moz-icon://stock/gtk-print?size=menu"); }
-
-#menu_FileQuitItem {
- list-style-image: url("moz-icon://stock/gtk-quit?size=menu"); }
-
-#menu_undo,
-#context-undo {
- list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); }
-
-#menu_undo[disabled],
-#context-undo[disabled] {
- list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); }
-
-#menu_redo {
- list-style-image: url("moz-icon://stock/gtk-redo?size=menu"); }
-
-#menu_redo[disabled] {
- list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled"); }
-
-#menu_cut,
-#placesContext_cut,
-#context-cut {
- list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); }
-
-#menu_cut[disabled],
-#placesContext_cut[disabled],
-#context-cut[disabled] {
- list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); }
-
-#menu_copy,
-#placesContext_copy,
-#context-copy,
-#context-copyimage,
-#context-copyvideourl,
-#context-copyaudiourl,
-#context-copylink,
-#context-copyemail {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); }
-
-#menu_copy[disabled],
-#placesContext_copy[disabled],
-#context-copy[disabled] {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); }
-
-#menu_paste,
-#placesContext_paste,
-#context-paste {
- list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); }
-
-#menu_paste[disabled],
-#placesContext_paste[disabled],
-#context-paste[disabled] {
- list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); }
-
-#menu_delete,
-#placesContext_delete,
-#placesContext_delete_history,
-#context-delete {
- list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); }
-
-#menu_delete[disabled],
-#placesContext_delete[disabled],
-#placesContext_delete_history[disabled],
-#context-delete[disabled] {
- list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); }
-
-#menu_selectAll,
-#context-selectall {
- list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); }
-
-#menu_find {
- list-style-image: url("moz-icon://stock/gtk-find?size=menu"); }
-
-#menu_find[disabled] {
- list-style-image: url("moz-icon://stock/gtk-find?size=menu&state=disabled"); }
-
-#menu_preferences {
- list-style-image: url("moz-icon://stock/gtk-preferences?size=menu"); }
-
-#placesContext_reload,
-#context-reloadframe {
- list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); }
-
-#menu_zoomEnlarge {
- list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu"); }
-
-#menu_zoomReduce {
- list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu"); }
-
-#menu_zoomReset {
- list-style-image: url("moz-icon://stock/gtk-zoom-100?size=menu"); }
-
-#menu_showAllHistory {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 32px 16px 16px); }
-
-#bookmarksShowAll {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 48px 16px 32px); }
-
-#subscribeToPageMenuitem:not([disabled]),
-#subscribeToPageMenupopup {
- list-style-image: url("chrome://browser/skin/page-livemarks.png"); }
-
-#bookmarksToolbarFolderMenu,
-#BMB_bookmarksToolbar,
-#panelMenu_bookmarksToolbar {
- list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); }
-
-#menu_unsortedBookmarks,
-#BMB_unsortedBookmarks,
-#panelMenu_unsortedBookmarks {
- list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); }
-
-#menu_openDownloads {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 16px 16px 0px); }
-
-#menu_openAddons {
- list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); }
-
-#menu_pageInfo,
-#context-viewinfo,
-#context-viewframeinfo {
- list-style-image: url("moz-icon://stock/gtk-info?size=menu"); }
-
-#placesContext_open\:newprivatewindow,
-#privateBrowsingItem {
- list-style-image: url("chrome://browser/skin/Privacy-16.png"); }
-
-#placesContext_show\:info {
- list-style-image: url("moz-icon://stock/gtk-properties?size=menu"); }
-
-#sanitizeItem {
- list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); }
-
-#menu_openHelp {
- list-style-image: url("moz-icon://stock/gtk-help?size=menu"); }
-
-#aboutName {
- list-style-image: url("moz-icon://stock/gtk-about?size=menu"); }
-
/* Primary toolbar buttons */
:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > .toolbarbutton-icon,
:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon {
@@ -1439,6 +1251,12 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
width: 16px;
height: 16px; }
+#urlbar[actiontype="extension"] > #identity-box > #identity-icon {
+ -moz-image-region: inherit;
+ list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg);
+ width: 16px;
+ height: 16px; }
+
/* SHARING ICON */
#sharing-icon {
width: 16px;
@@ -1560,8 +1378,7 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
.popup-notification-icon[popupid="password"] {
list-style-image: url(chrome://browser/skin/notification-icons.svg#login-detailed); }
-.camera-icon,
-.popup-notification-icon[popupid="webRTC-shareDevices"] {
+.camera-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#camera); }
.camera-icon.in-use {
@@ -1579,10 +1396,9 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
.microphone-icon.blocked-permission-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#microphone-blocked); }
-.popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+.popup-notification-icon.microphone-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#microphone-detailed); }
-.popup-notification-icon[popupid="webRTC-shareScreen"],
.screen-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#screen); }
@@ -1592,6 +1408,30 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
.screen-icon.blocked-permission-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#screen-blocked); }
+#webRTC-preview:not([hidden]) {
+ display: -moz-stack;
+ border-radius: 4px;
+ border: 1px solid GrayText;
+ overflow: hidden;
+ min-width: 300px;
+ min-height: 10em; }
+
+html|*#webRTC-previewVideo {
+ width: 300px;
+ /* If we don't set the min-width, width is ignored. */
+ min-width: 300px;
+ max-height: 200px; }
+
+#webRTC-previewWarning {
+ background: rgba(255, 217, 99, 0.8) url("chrome://browser/skin/warning-white.svg") no-repeat 0.75em 0.75em;
+ margin: 0;
+ padding: .5em;
+ padding-inline-start: calc(1.5em + 16px);
+ border-top: 1px solid GrayText; }
+
+#webRTC-previewWarning > .text-link {
+ margin-inline-start: 0; }
+
/* This icon has a block sign in it, so we don't need a blocked version. */
.popup-icon {
list-style-image: url("chrome://browser/skin/notification-icons.svg#popup"); }
@@ -1618,7 +1458,7 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
transform: translateX(0); } }
/* INSTALL ADDONS */
.install-icon {
- list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default); }
+ list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg); }
.popup-notification-icon[popupid="xpinstall-disabled"],
.popup-notification-icon[popupid="addon-install-blocked"],
@@ -1828,6 +1668,57 @@ notification[value="translation"] button:not([type="menu"]) > .button-box {
notification[value="translation"] menulist > .menulist-dropmarker {
display: block; }
+/* AutoComplete */
+#PopupAutoComplete > richlistbox > richlistitem {
+ height: 20px;
+ min-height: 20px;
+ border: 0;
+ border-radius: 0;
+ padding: 0px 1px 0px 1px; }
+
+#PopupAutoComplete > richlistbox > richlistitem > .ac-site-icon {
+ margin-inline-start: 4px;
+ margin-inline-end: 0; }
+
+#PopupAutoComplete > richlistbox > richlistitem > .ac-title {
+ font: icon;
+ margin-inline-start: 4px; }
+
+#PopupAutoComplete > richlistbox {
+ padding: 0; }
+
+/* Login form autocompletion */
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
+ display: initial;
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#login); }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon[selected] {
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#login-highlighted); }
+
+/* Insecure field warning */
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] {
+ background-color: var(--arrowpanel-dimmed);
+ border-bottom: 1px solid var(--panel-separator-color);
+ padding-bottom: 4px;
+ padding-top: 4px; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] {
+ background-color: var(--arrowpanel-dimmed-further);
+ color: -moz-DialogText; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title {
+ color: GrayText;
+ font-size: 1em; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] > .ac-title {
+ color: inherit; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-site-icon {
+ list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon); }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype~="datalist-first"] {
+ border-top: 1px solid ThreeDShadow; }
+
#treecolAutoCompleteImage {
max-width: 36px; }
@@ -2302,18 +2193,23 @@ html|span.ac-emphasize-text-url {
list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); }
.tab-icon-overlay[soundplaying],
-.tab-icon-overlay[muted]:not([crashed]) {
+.tab-icon-overlay[muted]:not([crashed]),
+.tab-icon-overlay[blocked]:not([crashed]) {
border-radius: 8px; }
.tab-icon-overlay[soundplaying]:hover,
-.tab-icon-overlay[muted]:not([crashed]):hover {
+.tab-icon-overlay[muted]:not([crashed]):hover,
+.tab-icon-overlay[blocked]:not([crashed]):hover {
background-color: white; }
.tab-icon-overlay[soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio-small.svg#tab-audio"); }
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio"); }
.tab-icon-overlay[muted]:not([crashed]) {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio-small.svg#tab-audio-muted"); }
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted"); }
+
+.tab-icon-overlay[blocked]:not([crashed]) {
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-blocked"); }
.tab-throbber[busy] {
list-style-image: url("chrome://browser/skin/custom_images/connecting.png"); }
@@ -2336,27 +2232,38 @@ html|span.ac-emphasize-text-url {
height: 16px;
padding: 0; }
-.tab-icon-sound[soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-backgroundTab"); }
+.tab-icon-sound[soundplaying],
+.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);
+ fill: currentColor; }
-.tab-icon-sound[soundplaying]:hover {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-backgroundTab-hover"); }
+.tab-icon-sound[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted); }
-.tab-icon-sound[soundplaying]:hover:active {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-backgroundTab-pressed"); }
+.tab-icon-sound[blocked] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked); }
-.tab-icon-sound[muted] {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-backgroundTab-muted"); }
+.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); }
-.tab-icon-sound[muted]:hover {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-hover"); }
+.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); }
-.tab-icon-sound[muted]:hover:active {
- list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-pressed"); }
+.tab-icon-sound[soundplaying]:not(:hover),
+.tab-icon-sound[muted]:not(:hover),
+.tab-icon-sound[blocked]:not(:hover) {
+ opacity: .8; }
-.tab-icon-sound:-moz-lwtheme,
-.tab-icon-sound[selected=true][soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio"); }
+.tab-icon-sound[soundplaying-scheduledremoval]:not([muted]):not(:hover),
+.tab-icon-overlay[soundplaying-scheduledremoval]:not([muted]):not(:hover) {
+ transition: opacity 0.3s linear var(--soundplaying-removal-delay);
+ opacity: 0; }
.tab-background,
.tabs-newtab-button {
@@ -2507,6 +2414,7 @@ lwtHeader;*/
.tabs-newtab-button,
.tab-icon-overlay[soundplaying],
.tab-icon-overlay[muted]:not([crashed]),
+.tab-icon-overlay[blocked]:not([crashed]),
.tab-icon-sound,
.tab-close-button {
pointer-events: auto; }
@@ -2537,6 +2445,24 @@ lwtHeader;*/
.tabs-newtab-button {
width: calc(36px + 30px); }
+/* All tabs menupopup */
+.alltabs-item[tabIsVisible] {
+ /* box-shadow instead of background-color to work around native styling */
+ box-shadow: inset -5px 0 ThreeDShadow; }
+
+.alltabs-endimage[soundplaying],
+.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);
+ fill: currentColor; }
+
+.alltabs-endimage[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted); }
+
+.alltabs-endimage[blocked] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked); }
+
#tabbrowser-tabs {
/* override the global style to allow the selected tab to be above the nav-bar */
z-index: auto; }
@@ -3600,12 +3526,7 @@ toolbar[brighttext] #downloads-indicator-counter {
.customizationmode-button > .button-box > .button-icon {
height: 24px; }
-#customization-titlebar-visibility-button {
- list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png");
- -moz-image-region: rect(0, 24px, 24px, 0); }
-
-#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text,
-#customization-titlebar-visibility-button > .button-box > .button-text {
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text {
/* Sadly, button.css thinks its margins are perfect for everyone. */
margin-inline-start: 6px !important; }
@@ -3613,21 +3534,9 @@ toolbar[brighttext] #downloads-indicator-counter {
width: 20px;
height: 20px;
border-radius: 2px;
+ background-image: url("chrome://browser/skin/theme-switcher-icon.png");
background-size: contain; }
-#customization-titlebar-visibility-button > .button-box > .button-icon {
- vertical-align: middle; }
-
-#customization-titlebar-visibility-button[checked] {
- -moz-image-region: rect(0, 48px, 24px, 24px); }
-
-@media (min-resolution: 1.1dppx) {
- #customization-titlebar-visibility-button {
- list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png");
- -moz-image-region: rect(0, 48px, 48px, 0); }
-
- #customization-titlebar-visibility-button[checked] {
- -moz-image-region: rect(0, 96px, 48px, 48px); } }
#main-window[customize-entered] #customization-panel-container {
background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"), url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"), url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #3e86ce, #3878ba);
background-position: center top, left center, left top, left top, left top;
@@ -4226,7 +4135,6 @@ notification.heartbeat {
list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); }
#context-navigation > .menuitem-iconic > .menu-iconic-left {
- visibility: visible;
/* override toolkit/themes/linux/global/menu.css */
padding-inline-end: 0 !important;
margin-inline-end: 0 !important; }
@@ -4238,9 +4146,6 @@ notification.heartbeat {
.webextension-popup-browser {
border-radius: inherit; }
-.menuitem-iconic[usercontextid] > .menu-iconic-left > .menu-iconic-icon {
- visibility: visible; }
-
#nav-bar #loop-button, #nav-bar
toolbar[brighttext] #loop-button {
list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg") !important; }
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css
index 2f8a0c9..6ccccc4 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-light.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css
@@ -285,194 +285,6 @@ menuitem.bookmark-item {
.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text {
opacity: 0.7; }
-/* Stock icons for the menu bar items */
-menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
- -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); }
-
-#placesContext_open\:newwindow,
-#menu_newNavigator,
-#context-openlink,
-#context-openframe {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 80px 16px 64px); }
-
-#placesContext_open\:newtab,
-#placesContext_openContainer\:tabs,
-#menu_newNavigatorTab,
-#context-openlinkintab,
-#context-openlinkincontainertab,
-#context-openframeintab {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 64px 16px 48px); }
-
-#menu_openFile {
- list-style-image: url("moz-icon://stock/gtk-open?size=menu"); }
-
-#menu_close {
- list-style-image: url("moz-icon://stock/gtk-close?size=menu"); }
-
-#context-media-play {
- list-style-image: url("moz-icon://stock/gtk-media-play?size=menu"); }
-
-#context-media-pause {
- list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu"); }
-
-#menu_savePage,
-#context-savelink,
-#context-saveimage,
-#context-savevideo,
-#context-saveaudio,
-#context-savepage,
-#context-saveframe {
- list-style-image: url("moz-icon://stock/gtk-save-as?size=menu"); }
-
-#menu_printPreview {
- list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); }
-
-#menu_print,
-#context-printframe {
- list-style-image: url("moz-icon://stock/gtk-print?size=menu"); }
-
-#menu_FileQuitItem {
- list-style-image: url("moz-icon://stock/gtk-quit?size=menu"); }
-
-#menu_undo,
-#context-undo {
- list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); }
-
-#menu_undo[disabled],
-#context-undo[disabled] {
- list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); }
-
-#menu_redo {
- list-style-image: url("moz-icon://stock/gtk-redo?size=menu"); }
-
-#menu_redo[disabled] {
- list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled"); }
-
-#menu_cut,
-#placesContext_cut,
-#context-cut {
- list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); }
-
-#menu_cut[disabled],
-#placesContext_cut[disabled],
-#context-cut[disabled] {
- list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); }
-
-#menu_copy,
-#placesContext_copy,
-#context-copy,
-#context-copyimage,
-#context-copyvideourl,
-#context-copyaudiourl,
-#context-copylink,
-#context-copyemail {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); }
-
-#menu_copy[disabled],
-#placesContext_copy[disabled],
-#context-copy[disabled] {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); }
-
-#menu_paste,
-#placesContext_paste,
-#context-paste {
- list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); }
-
-#menu_paste[disabled],
-#placesContext_paste[disabled],
-#context-paste[disabled] {
- list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); }
-
-#menu_delete,
-#placesContext_delete,
-#placesContext_delete_history,
-#context-delete {
- list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); }
-
-#menu_delete[disabled],
-#placesContext_delete[disabled],
-#placesContext_delete_history[disabled],
-#context-delete[disabled] {
- list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); }
-
-#menu_selectAll,
-#context-selectall {
- list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); }
-
-#menu_find {
- list-style-image: url("moz-icon://stock/gtk-find?size=menu"); }
-
-#menu_find[disabled] {
- list-style-image: url("moz-icon://stock/gtk-find?size=menu&state=disabled"); }
-
-#menu_preferences {
- list-style-image: url("moz-icon://stock/gtk-preferences?size=menu"); }
-
-#placesContext_reload,
-#context-reloadframe {
- list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); }
-
-#menu_zoomEnlarge {
- list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu"); }
-
-#menu_zoomReduce {
- list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu"); }
-
-#menu_zoomReset {
- list-style-image: url("moz-icon://stock/gtk-zoom-100?size=menu"); }
-
-#menu_showAllHistory {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 32px 16px 16px); }
-
-#bookmarksShowAll {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 48px 16px 32px); }
-
-#subscribeToPageMenuitem:not([disabled]),
-#subscribeToPageMenupopup {
- list-style-image: url("chrome://browser/skin/page-livemarks.png"); }
-
-#bookmarksToolbarFolderMenu,
-#BMB_bookmarksToolbar,
-#panelMenu_bookmarksToolbar {
- list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); }
-
-#menu_unsortedBookmarks,
-#BMB_unsortedBookmarks,
-#panelMenu_unsortedBookmarks {
- list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); }
-
-#menu_openDownloads {
- list-style-image: url("chrome://browser/skin/Toolbar-small.png");
- -moz-image-region: rect(0px 16px 16px 0px); }
-
-#menu_openAddons {
- list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); }
-
-#menu_pageInfo,
-#context-viewinfo,
-#context-viewframeinfo {
- list-style-image: url("moz-icon://stock/gtk-info?size=menu"); }
-
-#placesContext_open\:newprivatewindow,
-#privateBrowsingItem {
- list-style-image: url("chrome://browser/skin/Privacy-16.png"); }
-
-#placesContext_show\:info {
- list-style-image: url("moz-icon://stock/gtk-properties?size=menu"); }
-
-#sanitizeItem {
- list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); }
-
-#menu_openHelp {
- list-style-image: url("moz-icon://stock/gtk-help?size=menu"); }
-
-#aboutName {
- list-style-image: url("moz-icon://stock/gtk-about?size=menu"); }
-
/* Primary toolbar buttons */
:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > .toolbarbutton-icon,
:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon {
@@ -1439,6 +1251,12 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
width: 16px;
height: 16px; }
+#urlbar[actiontype="extension"] > #identity-box > #identity-icon {
+ -moz-image-region: inherit;
+ list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg);
+ width: 16px;
+ height: 16px; }
+
/* SHARING ICON */
#sharing-icon {
width: 16px;
@@ -1560,8 +1378,7 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
.popup-notification-icon[popupid="password"] {
list-style-image: url(chrome://browser/skin/notification-icons.svg#login-detailed); }
-.camera-icon,
-.popup-notification-icon[popupid="webRTC-shareDevices"] {
+.camera-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#camera); }
.camera-icon.in-use {
@@ -1579,10 +1396,9 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
.microphone-icon.blocked-permission-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#microphone-blocked); }
-.popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+.popup-notification-icon.microphone-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#microphone-detailed); }
-.popup-notification-icon[popupid="webRTC-shareScreen"],
.screen-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#screen); }
@@ -1592,6 +1408,30 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
.screen-icon.blocked-permission-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#screen-blocked); }
+#webRTC-preview:not([hidden]) {
+ display: -moz-stack;
+ border-radius: 4px;
+ border: 1px solid GrayText;
+ overflow: hidden;
+ min-width: 300px;
+ min-height: 10em; }
+
+html|*#webRTC-previewVideo {
+ width: 300px;
+ /* If we don't set the min-width, width is ignored. */
+ min-width: 300px;
+ max-height: 200px; }
+
+#webRTC-previewWarning {
+ background: rgba(255, 217, 99, 0.8) url("chrome://browser/skin/warning-white.svg") no-repeat 0.75em 0.75em;
+ margin: 0;
+ padding: .5em;
+ padding-inline-start: calc(1.5em + 16px);
+ border-top: 1px solid GrayText; }
+
+#webRTC-previewWarning > .text-link {
+ margin-inline-start: 0; }
+
/* This icon has a block sign in it, so we don't need a blocked version. */
.popup-icon {
list-style-image: url("chrome://browser/skin/notification-icons.svg#popup"); }
@@ -1618,7 +1458,7 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
transform: translateX(0); } }
/* INSTALL ADDONS */
.install-icon {
- list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default); }
+ list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg); }
.popup-notification-icon[popupid="xpinstall-disabled"],
.popup-notification-icon[popupid="addon-install-blocked"],
@@ -1828,6 +1668,57 @@ notification[value="translation"] button:not([type="menu"]) > .button-box {
notification[value="translation"] menulist > .menulist-dropmarker {
display: block; }
+/* AutoComplete */
+#PopupAutoComplete > richlistbox > richlistitem {
+ height: 20px;
+ min-height: 20px;
+ border: 0;
+ border-radius: 0;
+ padding: 0px 1px 0px 1px; }
+
+#PopupAutoComplete > richlistbox > richlistitem > .ac-site-icon {
+ margin-inline-start: 4px;
+ margin-inline-end: 0; }
+
+#PopupAutoComplete > richlistbox > richlistitem > .ac-title {
+ font: icon;
+ margin-inline-start: 4px; }
+
+#PopupAutoComplete > richlistbox {
+ padding: 0; }
+
+/* Login form autocompletion */
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
+ display: initial;
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#login); }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon[selected] {
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#login-highlighted); }
+
+/* Insecure field warning */
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] {
+ background-color: var(--arrowpanel-dimmed);
+ border-bottom: 1px solid var(--panel-separator-color);
+ padding-bottom: 4px;
+ padding-top: 4px; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] {
+ background-color: var(--arrowpanel-dimmed-further);
+ color: -moz-DialogText; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title {
+ color: GrayText;
+ font-size: 1em; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] > .ac-title {
+ color: inherit; }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-site-icon {
+ list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon); }
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype~="datalist-first"] {
+ border-top: 1px solid ThreeDShadow; }
+
#treecolAutoCompleteImage {
max-width: 36px; }
@@ -2302,18 +2193,23 @@ html|span.ac-emphasize-text-url {
list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); }
.tab-icon-overlay[soundplaying],
-.tab-icon-overlay[muted]:not([crashed]) {
+.tab-icon-overlay[muted]:not([crashed]),
+.tab-icon-overlay[blocked]:not([crashed]) {
border-radius: 8px; }
.tab-icon-overlay[soundplaying]:hover,
-.tab-icon-overlay[muted]:not([crashed]):hover {
+.tab-icon-overlay[muted]:not([crashed]):hover,
+.tab-icon-overlay[blocked]:not([crashed]):hover {
background-color: white; }
.tab-icon-overlay[soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio-small.svg#tab-audio"); }
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio"); }
.tab-icon-overlay[muted]:not([crashed]) {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio-small.svg#tab-audio-muted"); }
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted"); }
+
+.tab-icon-overlay[blocked]:not([crashed]) {
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-blocked"); }
.tab-throbber[busy] {
list-style-image: url("chrome://browser/skin/custom_images/connecting.png"); }
@@ -2336,27 +2232,38 @@ html|span.ac-emphasize-text-url {
height: 16px;
padding: 0; }
-.tab-icon-sound[soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-backgroundTab"); }
+.tab-icon-sound[soundplaying],
+.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);
+ fill: currentColor; }
-.tab-icon-sound[soundplaying]:hover {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-backgroundTab-hover"); }
+.tab-icon-sound[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted); }
-.tab-icon-sound[soundplaying]:hover:active {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-backgroundTab-pressed"); }
+.tab-icon-sound[blocked] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked); }
-.tab-icon-sound[muted] {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-backgroundTab-muted"); }
+.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); }
-.tab-icon-sound[muted]:hover {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-hover"); }
+.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); }
-.tab-icon-sound[muted]:hover:active {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-pressed"); }
+.tab-icon-sound[soundplaying]:not(:hover),
+.tab-icon-sound[muted]:not(:hover),
+.tab-icon-sound[blocked]:not(:hover) {
+ opacity: .8; }
-.tab-icon-sound:-moz-lwtheme,
-.tab-icon-sound[selected=true][soundplaying] {
- list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio"); }
+.tab-icon-sound[soundplaying-scheduledremoval]:not([muted]):not(:hover),
+.tab-icon-overlay[soundplaying-scheduledremoval]:not([muted]):not(:hover) {
+ transition: opacity 0.3s linear var(--soundplaying-removal-delay);
+ opacity: 0; }
.tab-background,
.tabs-newtab-button {
@@ -2507,6 +2414,7 @@ lwtHeader;*/
.tabs-newtab-button,
.tab-icon-overlay[soundplaying],
.tab-icon-overlay[muted]:not([crashed]),
+.tab-icon-overlay[blocked]:not([crashed]),
.tab-icon-sound,
.tab-close-button {
pointer-events: auto; }
@@ -2537,6 +2445,24 @@ lwtHeader;*/
.tabs-newtab-button {
width: calc(36px + 30px); }
+/* All tabs menupopup */
+.alltabs-item[tabIsVisible] {
+ /* box-shadow instead of background-color to work around native styling */
+ box-shadow: inset -5px 0 ThreeDShadow; }
+
+.alltabs-endimage[soundplaying],
+.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);
+ fill: currentColor; }
+
+.alltabs-endimage[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted); }
+
+.alltabs-endimage[blocked] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked); }
+
#tabbrowser-tabs {
/* override the global style to allow the selected tab to be above the nav-bar */
z-index: auto; }
@@ -3600,12 +3526,7 @@ toolbar[brighttext] #downloads-indicator-counter {
.customizationmode-button > .button-box > .button-icon {
height: 24px; }
-#customization-titlebar-visibility-button {
- list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png");
- -moz-image-region: rect(0, 24px, 24px, 0); }
-
-#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text,
-#customization-titlebar-visibility-button > .button-box > .button-text {
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text {
/* Sadly, button.css thinks its margins are perfect for everyone. */
margin-inline-start: 6px !important; }
@@ -3613,21 +3534,9 @@ toolbar[brighttext] #downloads-indicator-counter {
width: 20px;
height: 20px;
border-radius: 2px;
+ background-image: url("chrome://browser/skin/theme-switcher-icon.png");
background-size: contain; }
-#customization-titlebar-visibility-button > .button-box > .button-icon {
- vertical-align: middle; }
-
-#customization-titlebar-visibility-button[checked] {
- -moz-image-region: rect(0, 48px, 24px, 24px); }
-
-@media (min-resolution: 1.1dppx) {
- #customization-titlebar-visibility-button {
- list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png");
- -moz-image-region: rect(0, 48px, 48px, 0); }
-
- #customization-titlebar-visibility-button[checked] {
- -moz-image-region: rect(0, 96px, 48px, 48px); } }
#main-window[customize-entered] #customization-panel-container {
background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"), url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"), url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #3e86ce, #3878ba);
background-position: center top, left center, left top, left top, left top;
@@ -4226,7 +4135,6 @@ notification.heartbeat {
list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); }
#context-navigation > .menuitem-iconic > .menu-iconic-left {
- visibility: visible;
/* override toolkit/themes/linux/global/menu.css */
padding-inline-end: 0 !important;
margin-inline-end: 0 !important; }
@@ -4238,9 +4146,6 @@ notification.heartbeat {
.webextension-popup-browser {
border-radius: inherit; }
-.menuitem-iconic[usercontextid] > .menu-iconic-left > .menu-iconic-icon {
- visibility: visible; }
-
#nav-bar #loop-button, #nav-bar
toolbar[brighttext] #loop-button {
list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg") !important; }
diff --git a/arc-firefox-theme/chrome/browser/searchbar.css b/arc-firefox-theme/chrome/browser/searchbar.css
index 130b90a..cb4103d 100644
--- a/arc-firefox-theme/chrome/browser/searchbar.css
+++ b/arc-firefox-theme/chrome/browser/searchbar.css
@@ -123,16 +123,39 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
}
.search-panel-current-engine {
- border-top: none !important;
-moz-box-align: center;
}
+/**
+ * The borders of the various elements are specified as follows.
+ *
+ * The current engine always has a bottom border.
+ * The search results never have a border.
+ *
+ * When the search results are not collapsed:
+ * - The elements underneath the search results all have a top border.
+ *
+ * When the search results are collapsed:
+ * - The elements underneath the search results all have a bottom border, except
+ * the lowest one: search-setting-button.
+ */
+
.search-panel-current-engine {
- border-bottom: none;
+ border-top: none !important;
+ border-bottom: 1px solid var(--panel-separator-color) !important;
+}
+
+.search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-header,
+.search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-one-offs,
+.search-panel-tree[collapsed=true] + .search-one-offs > vbox > .addengine-item:first-of-type {
+ border-top: none !important;
}
-.search-panel-tree {
- border-top: 1px solid var(--panel-separator-color) !important;
+.search-panel-tree[collapsed=true] + .search-one-offs > .searchbar-engine-one-off-item,
+.search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-current-input,
+.search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-one-offs,
+.search-panel-tree[collapsed=true] + .search-one-offs > vbox > .addengine-item:last-of-type {
+ border-bottom: 1px solid var(--panel-separator-color) !important;
}
.search-panel-header {
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-audio-small.svg b/arc-firefox-theme/chrome/browser/tabbrowser/tab-audio-small.svg
index 27a36c4..abfe712 100644
--- a/arc-firefox-theme/chrome/browser/tabbrowser/tab-audio-small.svg
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-audio-small.svg
@@ -41,4 +41,18 @@
<path class="outline" d="M5.6,5H4C2.9,5,2,5.9,2,7v2c0,0.7,0.3,1.3,0.9,1.7l-1.8,1.8l2.5,2.5l3-3l2.6,2.6c0.3,0.3,0.9,0.1,0.9-0.4V8.5l3.9-3.9 l-2.5-2.5L10,3.5V1.8c0-0.4-0.5-0.7-0.9-0.4L5.6,5z"/>
<path d="M11.5,3.5L9,5.9V3L6,6H4C3.4,6,3,6.4,3,7v2c0,0.6,0.4,1,1,1h0.9l-2.5,2.5l1.1,1.1l9-9L11.5,3.5z M9,13V9.7l-1.7,1.7L9,13z"/>
</g>
+
+ <g id="tab-audio-blocked" class="icon">
+ <path class="outline" d="M8,1.2C4.3,1.2,1.2,4.3,1.2,8s3.1,6.8,6.8,6.8s6.8-3.1,6.8-6.8S11.7,1.2,8,1.2z M8,11.9
+ c-2.1,0-3.9-1.7-3.9-3.9c0-2.1,1.7-3.9,3.9-3.9s3.9,1.7,3.9,3.9C11.9,10.1,10.1,11.9,8,11.9z M11.1,7.3L6.6,4.6L5.4,3.9v1.4v5.3V12
+ l1.2-0.7L11,8.6L12.2,8L11.1,7.3z"/>
+ <path d="M8,2C4.7,2,2,4.7,2,8s2.7,6,6,6s6-2.7,6-6S11.3,2,8,2z M8,12.7c-2.6,0-4.7-2.1-4.7-4.7
+ S5.4,3.3,8,3.3s4.7,2.1,4.7,4.7S10.6,12.7,8,12.7z M10.7,8L6.2,5.3v5.4L10.7,8z"/>
+ </g>
+ <g id="tab-audio-white-blocked" class="icon">
+ <path class="outline" d="M8,0c3.3,0,6.4,2.2,7.5,5.3c1.1,3.1,0.1,6.7-2.5,8.9c-2.6,2.1-6.3,2.4-9.2,0.7
+ C1,13.1-0.5,9.8,0.1,6.5C0.9,2.8,4.2,0,8,0z"/>
+ <path d="M8,2C4.7,2,2,4.7,2,8s2.7,6,6,6s6-2.7,6-6S11.3,2,8,2z M8,12.7c-2.6,0-4.7-2.1-4.7-4.7
+ S5.4,3.3,8,3.3s4.7,2.1,4.7,4.7S10.6,12.7,8,12.7z M10.7,8L6.2,5.3v5.4L10.7,8z"/>
+ </g>
</svg>
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-audio.svg b/arc-firefox-theme/chrome/browser/tabbrowser/tab-audio.svg
index 98866ca..274e10c 100644
--- a/arc-firefox-theme/chrome/browser/tabbrowser/tab-audio.svg
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-audio.svg
@@ -12,4 +12,7 @@
<path id="tab-audio" d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"/>
<path id="tab-audio-muted" d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"/>
+
+ <path id="tab-audio-blocked" d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M5.6,11.6l6-3.6l-6-3.6V11.6z M8,14.2
+ c-3.4,0-6.2-2.8-6.2-6.2S4.6,1.8,8,1.8s6.2,2.8,6.2,6.2S11.4,14.2,8,14.2z"/>
</svg>
diff --git a/arc-firefox-theme/chrome/browser/usercontext/banking.svg b/arc-firefox-theme/chrome/browser/usercontext/banking.svg
deleted file mode 100644
index a1e20d8..0000000
--- a/arc-firefox-theme/chrome/browser/usercontext/banking.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<?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 xmlns="http://www.w3.org/2000/svg"
- width="32" height="32" viewBox="0 0 32 32">
- <path fill="#7dc14c" d="M17.3857868,14.0527919 C14.2304569,13.0862944 13.4913706,12.4609137 13.4913706,11.0964467 C13.4913706,9.61827411 14.7137056,8.85076142 16.4192893,8.85076142 C17.9827411,8.85076142 19.3187817,9.33401015 20.5979695,10.4994924 L22.4456853,8.42436548 C21.1664975,7.20203046 19.3187819,6.26535905 17,6.00952148 L17,2 L15,2 L15,6.00952148 C12.3827412,6.43591742 9.76751269,8.53807107 9.76751269,11.3238579 C9.76751269,14.1664975 11.4730964,15.786802 15.4812183,17.0091371 C18.4375635,17.9187817 19.2335025,18.6294416 19.2335025,20.2213198 C19.2335025,22.0690355 17.7553299,23.035533 15.7370558,23.035533 C13.7756345,23.035533 12.2406091,22.3248731 10.9329949,21.1025381 L9,23.2345178 C10.4213198,24.6274112 12.8659899,25.8324934 15,26.0030518 L15,30 L17,30 L17,26.0030518 C20.7116753,25.4060974 22.9857868,22.893401 22.9857868,20.022335 C22.9857868,16.4690355 20.7116751,15.1045685 17.3857868,14.0527919 Z"/>
-</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/usercontext/personal.svg b/arc-firefox-theme/chrome/browser/usercontext/personal.svg
deleted file mode 100644
index 861b40b..0000000
--- a/arc-firefox-theme/chrome/browser/usercontext/personal.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<?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 xmlns="http://www.w3.org/2000/svg"
- width="32" height="32" viewBox="0 0 32 32">
- <path fill="#00a7e0" d="M7.17741905,12 C7.10965537,12 7.041327,11.9953181 6.97243393,11.985018 C6.33263187,11.8918489 5.90515601,11.3862071 6.01809547,10.8552833 C7.41798011,4.26321358 12.2613889,2.57493207 15.0238882,2.15590491 C19.6448063,1.45690206 24.3408291,3.21541158 25.8344535,5.29743816 C26.1664955,5.76047488 25.9835336,6.35881757 25.4244832,6.63364321 C24.8654329,6.9098734 24.1437497,6.75583996 23.8122724,6.29327142 C22.8923805,5.01043967 19.1749781,3.51130562 15.4479759,4.07406612 C12.8080159,4.474834 9.43056132,6.03623689 8.33561323,11.1942506 C8.23453242,11.666651 7.73816348,12 7.17741905,12 Z M16.63127,26 C16.1452186,26 15.6509104,25.9658335 15.147795,25.8938767 C10.637921,25.257137 6.71207921,21.8114952 6.01575422,17.8807924 C5.91171832,17.2932317 6.33391695,16.7382846 6.95813239,16.6404441 C7.58454965,16.5343208 8.17298555,16.9406954 8.27757192,17.5272206 C8.80876054,20.5255916 11.9766264,23.26409 15.4885263,23.7610576 C17.3975027,24.02766 20.959494,23.8221432 23.3220449,19.3789425 C24.4625867,17.2331815 23.0049831,11.881462 19.9521622,9.34692739 C18.2380468,7.92384005 16.4573263,7.76905536 14.6628445,8.89499751 C13.26469,9.77142052 11.8070864,12.2857658 11.8665355,14.6287608 C11.9127737,16.4835887 12.8386382,17.9325598 14.6171568,18.9363308 C15.2210054,19.2764429 16.9411759,19.4933486 17.9424527,18.8296898 C18.7257495,18.3104622 18.9591422,17.2761485 18.6365758,15.7583267 C18.3822659,14.5650869 17.2219077,12.4452096 16.6664991,12.3711821 C16.6692513,12.3722175 16.4666841,12.4312324 16.1276041,12.9095636 C15.8545786,13.2936782 15.58981,14.7297074 15.9476054,15.3581643 C16.0142104,15.4761941 16.0725586,15.5465978 16.3202632,15.5465978 C16.9532859,15.5465978 17.46686,16.0290705 17.46686,16.6249139 C17.46686,17.2207573 16.9543868,17.7042653 16.3213641,17.7042653 C15.2644914,17.7042653 14.4140391,17.2336992 13.9268868,16.3774655 C13.1083609,14.9388479 13.5536787,12.6548678 14.2202791,11.7137354 C15.2540327,10.2564816 16.3631986,10.1151564 17.1123672,10.2564816 C19.7066595,10.7389543 20.8763754,15.2908666 20.8857331,15.3359043 C21.5303153,18.3648181 20.3594985,19.8665919 19.264094,20.593407 C17.4151172,21.8192603 14.6920186,21.493643 13.4380832,20.7859819 C10.3280151,19.0310652 9.62013053,16.497566 9.5744428,14.6805283 C9.49022326,11.3643051 11.4779146,8.30018945 13.391845,7.10021984 C16.0417332,5.43848454 18.9877658,5.66781436 21.4714167,7.72919442 C25.1176276,10.7565552 27.0871539,17.1229168 25.3746898,20.3433702 C23.4326862,23.9950465 20.2983981,26 16.63127,26 Z M16.0845157,30 C14.9348455,30 13.9050564,29.8557557 13.0394288,29.6610017 C10.2114238,29.0257442 7.58700058,27.4599412 6.18892823,25.5735955 C5.84440518,25.1078371 5.98426642,24.4803503 6.50105099,24.1700066 C7.01675554,23.8596629 7.71552172,23.986423 8.06112477,24.4507244 C9.89498097,26.9252176 15.9397944,29.9781448 22.2508301,26.1937972 C22.7676147,25.8844249 23.4658409,26.0087566 23.8109039,26.474515 C24.155427,26.9397877 24.0161057,27.5672745 23.4993212,27.8776182 C20.7987573,29.4963593 18.2315746,30 16.0845157,30 Z"/>
-</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/usercontext/shopping.svg b/arc-firefox-theme/chrome/browser/usercontext/shopping.svg
deleted file mode 100644
index e74e16d..0000000
--- a/arc-firefox-theme/chrome/browser/usercontext/shopping.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<?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 xmlns="http://www.w3.org/2000/svg"
- width="32" height="32" viewBox="0 0 32 32">
- <path fill="#ee5195" fill-rule="evenodd" d="M20.8195396,14 L15.1804604,14 L15.1804604,14 L15.8471271,18 L20.1528729,18 L20.8195396,14 Z M22.8471271,14 L27.6125741,14 L27.6125741,14 L26.2792408,18 L22.1804604,18 L22.8471271,14 Z M21.1528729,12 L14.8471271,12 L14.8471271,12 L14.1804604,8 L21.8195396,8 L21.1528729,12 Z M23.1804604,12 L28.2792408,12 L28.2792408,12 L29.6125741,8 L23.8471271,8 L23.1804604,12 Z M13.1528729,14 L8.47703296,14 L10.077033,18 L10.077033,18 L13.8195396,18 L13.1528729,14 Z M12.8195396,12 L7.67703296,12 L6.07703296,8 L12.1528729,8 L12.8195396,12 L12.8195396,12 Z M31.7207592,8 L32,8 L32,6 L31,6 L5.27703296,6 L5.27703296,6 L4,2.8074176 L4,2 L3,2 L1,2 L0,2 L0,4 L1,4 L2.32296704,4 L9.78931928,22.6658806 L9.78931928,22.6658806 C8.71085924,23.3823847 8,24.6081773 8,26 C8,28.209139 9.790861,30 12,30 C14.209139,30 16,28.209139 16,26 C16,25.2714257 15.8052114,24.5883467 15.4648712,24 L22.5351288,24 C22.1947886,24.5883467 22,25.2714257 22,26 C22,28.209139 23.790861,30 26,30 C28.209139,30 30,28.209139 30,26 C30,23.790861 28.209139,22 26,22 L11.677033,22 L10.877033,20 L27,20 L28,20 L28,19.1622777 L31.7207592,8 L31.7207592,8 Z M26,28 C27.1045695,28 28,27.1045695 28,26 C28,24.8954305 27.1045695,24 26,24 C24.8954305,24 24,24.8954305 24,26 C24,27.1045695 24.8954305,28 26,28 Z M12,28 C13.1045695,28 14,27.1045695 14,26 C14,24.8954305 13.1045695,24 12,24 C10.8954305,24 10,24.8954305 10,26 C10,27.1045695 10.8954305,28 12,28 Z"/>
-</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/usercontext/work.svg b/arc-firefox-theme/chrome/browser/usercontext/work.svg
deleted file mode 100644
index 782ad00..0000000
--- a/arc-firefox-theme/chrome/browser/usercontext/work.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<?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 xmlns="http://www.w3.org/2000/svg"
- width="32" height="32" viewBox="0 0 32 32">
- <path fill="#f89c24" fill-rule="evenodd" d="M22,9.99887085 L21.635468,10 L29.0034652,10 C29.5538362,10 30,10.4449463 30,10.9933977 L30,27.0066023 C30,27.5552407 29.5601869,28 29.0034652,28 L2.99653482,28 C2.44616384,28 2,27.5550537 2,27.0066023 L2,10.9933977 C2,10.4447593 2.43981314,10 2.99653482,10 L8,10 L8,7.99922997 C8,5.79051625 10.0426627,4 12.5635454,4 L19.4364546,4 C21.9568311,4 24,5.79246765 24,7.99922997 L24,9.99267578 L22,9.99887085 L22,10 L10,10 L10,7.99922997 C10,6.89421235 11.0713286,6 12.3917227,6 L19.6082773,6 C20.9273761,6 22,6.89552665 22,7.99922997 L22,9.99887085 Z"/>
-</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/warning-white.svg b/arc-firefox-theme/chrome/browser/warning-white.svg
new file mode 100644
index 0000000..942c23c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/warning-white.svg
@@ -0,0 +1,6 @@
+<!-- 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">
+ <path fill="#fff" stroke="#000" stroke-opacity="0.3" d="M15.4,12.9 9.46,1.41 C9.12,0.756 8.59,0.381 8,0.381 7.41,0.381 6.88,0.756 6.54,1.41 L0.642,12.9 c-0.331,0.6 -0.348,1.3 -0.05,1.9 0.299,0.5 0.854,0.8 1.534,0.8 H13.9 c0.6,0 1.2,-0.3 1.5,-0.8 0.3,-0.6 0.3,-1.3 0,-1.9z M8.83,5.07 8.65,10.5 H7.34 L7.15,5.07 H8.83z M8,13.7 c-0.55,0 -0.99,-0.5 -0.99,-1 0,-0.6 0.44,-1 0.99,-1 0.56,0 0.99,0.4 0.99,1 0,0.5 -0.43,1 -0.99,1z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/wifi.svg b/arc-firefox-theme/chrome/browser/wifi.svg
new file mode 100644
index 0000000..39fd936
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/wifi.svg
@@ -0,0 +1,30 @@
+<?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"
+ width="64"
+ height="64"
+ viewBox="0 0 64 64">
+
+ <style>
+ .gray {
+ fill: #797c80;
+ }
+ </style>
+
+ <defs>
+ <clipPath id="clip-path">
+ <polygon points="32 52.35 78.88 6.06 -14.88 6.06 32 52.35"/>
+ </clipPath>
+ </defs>
+
+ <circle class="gray" cx="32" cy="52" r="6"/>
+
+ <g clip-path="url('#clip-path')">
+ <path class="gray" d="M71.63,52A39.63,39.63,0,1,1,32,12.38,39.63,39.63,0,0,1,71.63,52ZM32,7.63A44.38,44.38,0,1,0,76.38,52,44.38,44.38,0,0,0,32,7.63Z"/>
+ <path class="gray" d="M47.75,52A15.75,15.75,0,1,1,32,36.25,15.75,15.75,0,0,1,47.75,52ZM32,31.65A20.35,20.35,0,1,0,52.35,52,20.35,20.35,0,0,0,32,31.65Z"/>
+ <path class="gray" d="M59.58,52A27.58,27.58,0,1,1,32,24.42,27.58,27.58,0,0,1,59.58,52ZM32,19.38A32.63,32.63,0,1,0,64.63,52,32.63,32.63,0,0,0,32,19.38Z"/>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/aboutReaderControls.css b/arc-firefox-theme/chrome/global/aboutReaderControls.css
index 09f8bdc..a624901 100644
--- a/arc-firefox-theme/chrome/global/aboutReaderControls.css
+++ b/arc-firefox-theme/chrome/global/aboutReaderControls.css
@@ -82,6 +82,7 @@
background-color: #fbfbfb;
-moz-user-select: none;
border-right: 1px solid #b5b5b5;
+ z-index: 1;
}
.button {
diff --git a/arc-firefox-theme/chrome/global/button.css b/arc-firefox-theme/chrome/global/button.css
index 8b5f331..6202475 100644
--- a/arc-firefox-theme/chrome/global/button.css
+++ b/arc-firefox-theme/chrome/global/button.css
@@ -150,199 +150,3 @@ button[type="disclosure"] {
button[type="disclosure"][open="true"] {
list-style-image: url("chrome://global/skin/tree/twisty-open.png");
}
-
-/*
- * GNOME Stock Icon Styles
- */
-
-button[icon="accept"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-ok?size=button");
-}
-
-button[icon="accept"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-ok?size=button&state=disabled");
-}
-
-button[icon="cancel"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-cancel?size=button");
-}
-
-button[icon="cancel"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-cancel?size=button&state=disabled");
-}
-
-button[icon="help"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-help?size=button");
-}
-
-button[icon="help"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-help?size=button&state=disabled");
-}
-
-button[icon="open"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-open?size=button");
-}
-
-button[icon="open"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-open?size=button&state=disabled");
-}
-
-button[icon="save"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-save?size=button");
-}
-
-button[icon="save"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-save?size=button&state=disabled");
-}
-
-button[icon="find"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-find?size=button");
-}
-
-button[icon="find"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-find?size=button&state=disabled");
-}
-
-button[icon="clear"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-clear?size=button");
-}
-
-button[icon="clear"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-clear?size=button&state=disabled");
-}
-
-button[icon="yes"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-yes?size=button");
-}
-
-button[icon="yes"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-yes?size=button&state=disabled");
-}
-
-button[icon="no"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-no?size=button");
-}
-
-button[icon="no"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-no?size=button&state=disabled");
-}
-
-button[icon="apply"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-apply?size=button");
-}
-
-button[icon="apply"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-apply?size=button&state=disabled");
-}
-
-button[icon="close"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-close?size=button");
-}
-
-button[icon="close"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-close?size=button&state=disabled");
-}
-
-button[icon="print"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-print?size=button");
-}
-
-button[icon="print"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-print?size=button&state=disabled");
-}
-
-button[icon="add"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-add?size=button");
-}
-
-button[icon="add"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-add?size=button&state=disabled");
-}
-
-button[icon="remove"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-remove?size=button");
-}
-
-button[icon="remove"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-remove?size=button&state=disabled");
-}
-
-button[icon="refresh"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-refresh?size=button");
-}
-
-button[icon="refresh"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-refresh?size=button&state=disabled");
-}
-
-button[icon="revert"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=button");
-}
-
-button[icon="revert"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=button&state=disabled");
-}
-
-button[icon="go-forward"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=button");
-}
-
-button[icon="go-forward"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=button&state=disabled");
-}
-
-button[icon="go-forward"]:-moz-locale-dir(rtl) .button-icon {
- list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=button");
-}
-
-button[icon="go-forward"]:-moz-locale-dir(rtl)[disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=button&state=disabled");
-}
-
-button[icon="go-back"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=button");
-}
-
-button[icon="go-back"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=button&state=disabled");
-}
-
-button[icon="go-back"]:-moz-locale-dir(rtl) .button-icon {
- list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=button");
-}
-
-button[icon="go-back"]:-moz-locale-dir(rtl)[disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=button&state=disabled");
-}
-
-button[icon="properties"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-properties?size=button");
-}
-
-button[icon="properties"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-properties?size=button&state=disabled");
-}
-
-button[icon="select-font"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-select-font?size=button");
-}
-
-button[icon="select-font"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-select-font?size=button&state=disabled");
-}
-
-button[icon="select-color"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-color-picker?size=button");
-}
-
-button[icon="select-color"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-color-picker?size=button&state=disabled");
-}
-
-button[icon="network"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-network?size=button");
-}
-
-button[icon="network"][disabled="true"] .button-icon {
- list-style-image: url("moz-icon://stock/gtk-network?size=button&state=disabled");
-}
diff --git a/arc-firefox-theme/chrome/global/global.css b/arc-firefox-theme/chrome/global/global.css
index 709936e..1f9e7e4 100644
--- a/arc-firefox-theme/chrome/global/global.css
+++ b/arc-firefox-theme/chrome/global/global.css
@@ -35,10 +35,10 @@ toolbar[type="menubar"]:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-me
/* ::::: Variables ::::: */
:root {
- --panel-arrowcontent-padding: 10px;
- --panel-arrowcontent-background: -moz-field;
- --panel-arrowcontent-color: -moz-fieldText;
- --panel-arrowcontent-border-color: ThreeDShadow;
+ --arrowpanel-padding: 10px;
+ --arrowpanel-background: -moz-field;
+ --arrowpanel-color: -moz-fieldText;
+ --arrowpanel-border-color: ThreeDShadow;
}
/* ::::: root elements ::::: */
diff --git a/arc-firefox-theme/chrome/global/icons/input-clear.svg b/arc-firefox-theme/chrome/global/icons/input-clear.svg
new file mode 100644
index 0000000..0abaaf9
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/input-clear.svg
@@ -0,0 +1,16 @@
+<?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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+ <style>
+ .st0 {
+ fill: #858585;
+ }
+ .st1 {
+ fill: #FFFFFF;
+ }
+ </style>
+ <circle id="Combined-Shape" class="st0" cx="6" cy="6" r="6"/>
+ <polygon id="Close_Button_-_Normal-path" class="st1" points="9,8.1 8.1,9 6,6.9 3.9,9 3,8.1 5.1,6 3,3.9 3.9,3 6,5.1 8.1,3 9,3.9 6.9,6"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/in-content/common.css b/arc-firefox-theme/chrome/global/in-content/common.css
index 6a3c188..05c91b4 100644
--- a/arc-firefox-theme/chrome/global/in-content/common.css
+++ b/arc-firefox-theme/chrome/global/in-content/common.css
@@ -73,11 +73,16 @@ xul|caption {
margin: 0;
}
+html|h2,
xul|caption > xul|checkbox,
xul|caption > xul|label {
font-size: 1.3rem;
font-weight: bold;
line-height: 22px;
+}
+
+xul|caption > xul|checkbox,
+xul|caption > xul|label {
margin: 0 !important;
}
@@ -567,6 +572,11 @@ xul|richlistitem > xul|*.checkbox-check {
margin: 3px 6px;
}
+html|*.toggle-container-with-text {
+ display: flex;
+ align-items: center;
+}
+
xul|radio {
margin-inline-start: 0;
}
diff --git a/arc-firefox-theme/chrome/global/menu.css b/arc-firefox-theme/chrome/global/menu.css
index ea73d9c..06e3b21 100644
--- a/arc-firefox-theme/chrome/global/menu.css
+++ b/arc-firefox-theme/chrome/global/menu.css
@@ -36,7 +36,8 @@ menuitem[_moz-menuactive="true"],
menu[disabled="true"],
menuitem[disabled="true"],
-.splitmenu-menuitem[disabled="true"] {
+.splitmenu-menuitem[disabled="true"],
+menucaption[disabled="true"] {
color: GrayText;
}
@@ -184,14 +185,6 @@ menuitem[type="radio"] {
menuseparator {
-moz-appearance: menuseparator;
- margin: 2px 0;
- border-top: 1px solid ThreeDShadow;
- border-bottom: 1px solid ThreeDHighlight;
-}
-
-menulist > menupopup > menuseparator {
- border-top: 1px solid #000000;
- border-bottom: none;
}
/* ::::: autocomplete ::::: */
@@ -200,11 +193,3 @@ menulist > menupopup > menuseparator {
max-width: none !important;
font: message-box;
}
-
-/* ::::: tree column picker ::::: */
-
-.treecell-popupcell-menu {
- margin-inline-start: -2px;
- list-style-image: url("chrome://global/skin/columnselect.gif");
- -moz-image-region: auto;
-}
diff --git a/arc-firefox-theme/chrome/global/narrate.css b/arc-firefox-theme/chrome/global/narrate.css
index 3aa8a8a..8a44e78 100644
--- a/arc-firefox-theme/chrome/global/narrate.css
+++ b/arc-firefox-theme/chrome/global/narrate.css
@@ -1,3 +1,8 @@
+.narrating {
+ position: relative;
+ z-index: 1;
+}
+
body.light .narrating {
background-color: #ffc;
}
@@ -9,3 +14,33 @@ body.sepia .narrating {
body.dark .narrating {
background-color: #242424;
}
+
+.narrate-word-highlight {
+ position: absolute;
+ display: none;
+ transform: translate(-50%, calc(-50% - 2px));
+ z-index: -1;
+ border-bottom-style: solid;
+ border-bottom-width: 7px;
+ transition: left 0.1s ease;
+}
+
+.narrating > .narrate-word-highlight {
+ display: inline-block;
+}
+
+.narrate-word-highlight.newline {
+ transition: none;
+}
+
+body.light .narrate-word-highlight {
+ border-bottom-color: #ffe087;
+}
+
+body.sepia .narrate-word-highlight {
+ border-bottom-color: #bdb5a5;
+}
+
+body.dark .narrate-word-highlight {
+ border-bottom-color: #6f6f6f;
+}
diff --git a/arc-firefox-theme/chrome/global/notification.css b/arc-firefox-theme/chrome/global/notification.css
index 48613f5..2e57051 100644
--- a/arc-firefox-theme/chrome/global/notification.css
+++ b/arc-firefox-theme/chrome/global/notification.css
@@ -14,6 +14,16 @@ notification[type="info"] {
color: -moz-DialogText;
background-color: -moz-Dialog;
-moz-appearance: none;
+ border-top: 1px solid ThreeDShadow;
+ border-bottom: 1px solid ThreeDShadow;
+}
+
+notificationbox[notificationside="top"] > notification[type="info"] {
+ border-top-style: none;
+}
+
+notificationbox[notificationside="bottom"] > notification[type="info"] {
+ border-bottom-style: none;
}
notification[type="critical"] {
diff --git a/arc-firefox-theme/chrome/global/popup.css b/arc-firefox-theme/chrome/global/popup.css
index 80256df..d435fca 100644
--- a/arc-firefox-theme/chrome/global/popup.css
+++ b/arc-firefox-theme/chrome/global/popup.css
@@ -32,10 +32,10 @@ panel[type="arrow"][side="right"] {
}
.panel-arrowcontent {
- padding: var(--panel-arrowcontent-padding);
- color: var(--panel-arrowcontent-color);
- background: var(--panel-arrowcontent-background);
- border: 1px solid var(--panel-arrowcontent-border-color);
+ padding: var(--arrowpanel-padding);
+ color: var(--arrowpanel-color);
+ background: var(--arrowpanel-background);
+ border: 1px solid var(--arrowpanel-border-color);
box-shadow: 0 0 4px hsla(0,0%,0%,.2);
margin: 4px;
}
@@ -80,8 +80,6 @@ panel[type="arrow"][side="right"] {
tooltip {
-moz-appearance: tooltip;
margin-top: 21px;
- /* GTK hardcodes this to 4px */
- padding: 4px;
max-width: 40em;
color: InfoText;
font: message-box;
diff --git a/arc-firefox-theme/chrome/global/scale/scale-tray-horiz.gif b/arc-firefox-theme/chrome/global/scale/scale-tray-horiz.gif
new file mode 100644
index 0000000..b87fe68
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/scale/scale-tray-horiz.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/scale/scale-tray-vert.gif b/arc-firefox-theme/chrome/global/scale/scale-tray-vert.gif
new file mode 100644
index 0000000..97687b2
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/scale/scale-tray-vert.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/textbox.css b/arc-firefox-theme/chrome/global/textbox.css
index 5cf4ece..9e75e0c 100644
--- a/arc-firefox-theme/chrome/global/textbox.css
+++ b/arc-firefox-theme/chrome/global/textbox.css
@@ -90,58 +90,3 @@ textbox.plain html|*.textbox-textarea {
toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input {
visibility: hidden;
}
-
-/* ::::: context menu ::::: */
-
-menuitem:not([type]) {
- -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic");
-}
-
-menuitem[cmd="cmd_undo"] {
- list-style-image: url("moz-icon://stock/gtk-undo?size=menu");
-}
-
-menuitem[cmd="cmd_undo"][disabled] {
- list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled");
-}
-
-menuitem[cmd="cmd_cut"] {
- list-style-image: url("moz-icon://stock/gtk-cut?size=menu");
-}
-
-menuitem[cmd="cmd_cut"][disabled] {
- list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled");
-}
-
-menuitem[cmd="cmd_copy"] {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu");
-}
-
-menuitem[cmd="cmd_copy"][disabled] {
- list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled");
-}
-
-menuitem[cmd="cmd_paste"] {
- list-style-image: url("moz-icon://stock/gtk-paste?size=menu");
-}
-
-menuitem[cmd="cmd_paste"][disabled] {
- list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled");
-}
-
-menuitem[cmd="cmd_delete"] {
- list-style-image: url("moz-icon://stock/gtk-delete?size=menu");
-}
-
-menuitem[cmd="cmd_delete"][disabled] {
- list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled");
-}
-
-menuitem[cmd="cmd_selectAll"] {
- list-style-image: url("moz-icon://stock/gtk-select-all?size=menu");
-}
-
-menuitem[cmd="cmd_selectAll"][disabled] {
- list-style-image: url("moz-icon://stock/gtk-select-all?size=menu&state=disabled");
-}
-
diff --git a/arc-firefox-theme/chrome/global/timepicker.css b/arc-firefox-theme/chrome/global/timepicker.css
new file mode 100644
index 0000000..e8d081b
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/timepicker.css
@@ -0,0 +1,153 @@
+/* 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/. */
+
+:root {
+ --font-size-default: 1.1rem;
+ --spinner-width: 3rem;
+ --spinner-margin-top-bottom: 0.4rem;
+ --spinner-item-height: 2.4rem;
+ --spinner-item-margin-bottom: 0.1rem;
+ --spinner-button-height: 1.2rem;
+ --colon-width: 2rem;
+ --day-period-spacing-width: 1rem;
+
+ --border: 0.1rem solid #D6D6D6;
+ --border-radius: 0.3rem;
+
+ --font-color: #191919;
+ --fill-color: #EBEBEB;
+
+ --selected-font-color: #FFFFFF;
+ --selected-fill-color: #0996F8;
+
+ --button-font-color: #858585;
+ --button-font-color-hover: #4D4D4D;
+ --button-font-color-active: #191919;
+
+ --disabled-opacity: 0.2;
+}
+
+html {
+ font-size: 10px;
+}
+
+body {
+ margin: 0;
+ color: var(--font-color);
+ font-size: var(--font-size-default);
+}
+
+#time-picker {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+}
+
+.spinner-container {
+ font-family: sans-serif;
+ display: flex;
+ flex-direction: column;
+ width: var(--spinner-width);
+}
+
+.spinner-container > button {
+ -moz-appearance: none;
+ border: none;
+ background: none;
+ background-color: var(--button-font-color);
+ height: var(--spinner-button-height);
+}
+
+.spinner-container > button:hover {
+ background-color: var(--button-font-color-hover);
+}
+
+.spinner-container > button.active {
+ background-color: var(--button-font-color-active);
+}
+
+.spinner-container > button.up {
+ mask: url("chrome://global/skin/icons/find-arrows.svg#glyph-find-previous") no-repeat 50% 50%;
+}
+
+.spinner-container > button.down {
+ mask: url("chrome://global/skin/icons/find-arrows.svg#glyph-find-next") no-repeat 50% 50%;
+}
+
+.spinner-container.hide-buttons > button {
+ visibility: hidden;
+}
+
+.spinner-container > .spinner {
+ position: relative;
+ width: 100%;
+ margin: var(--spinner-margin-top-bottom) 0;
+ cursor: default;
+ overflow-y: scroll;
+ scroll-snap-type: mandatory;
+ scroll-snap-points-y: repeat(100%);
+}
+
+.spinner-container > .spinner > div {
+ box-sizing: border-box;
+ position: relative;
+ text-align: center;
+ padding: calc((var(--spinner-item-height) - var(--font-size-default)) / 2) 0;
+ margin-bottom: var(--spinner-item-margin-bottom);
+ height: var(--spinner-item-height);
+ -moz-user-select: none;
+ scroll-snap-coordinate: 0 0;
+}
+
+.spinner-container > .spinner > div:hover::before {
+ background: var(--fill-color);
+ border: var(--border);
+ border-radius: var(--border-radius);
+ content: "";
+ position: absolute;
+ top: 0%;
+ bottom: 0%;
+ left: 0%;
+ right: 0%;
+ z-index: -10;
+}
+
+.spinner-container > .spinner:not(.scrolling) > div.selection {
+ color: var(--selected-font-color);
+}
+
+.spinner-container > .spinner > div.selection::before {
+ background: var(--selected-fill-color);
+ border: none;
+ border-radius: var(--border-radius);
+ content: "";
+ position: absolute;
+ top: 0%;
+ bottom: 0%;
+ left: 0%;
+ right: 0%;
+ z-index: -10;
+}
+
+.spinner-container > .spinner > div.disabled::before,
+.spinner-container > .spinner.scrolling > div.selection::before,
+.spinner-container > .spinner.scrolling > div:hover::before {
+ display: none;
+}
+
+.spinner-container > .spinner > div.disabled {
+ opacity: var(--disabled-opacity);
+}
+
+.colon {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: var(--colon-width);
+ margin-bottom: 0.3rem;
+}
+
+.spacer {
+ width: var(--day-period-spacing-width);
+} \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/global/tree.css b/arc-firefox-theme/chrome/global/tree.css
index 1002847..2fb50da 100644
--- a/arc-firefox-theme/chrome/global/tree.css
+++ b/arc-firefox-theme/chrome/global/tree.css
@@ -193,10 +193,6 @@ treechildren::-moz-tree-progressmeter {
color: ThreeDShadow;
}
-treechildren::-moz-tree-progressmeter(progressUndetermined) {
- list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
-}
-
treechildren::-moz-tree-cell-text(progressmeter) {
margin: 2px 4px;
}
@@ -345,6 +341,17 @@ treechildren::-moz-tree-cell-text(selected, editing) {
color: inherit;
}
+treechildren::-moz-tree-cell(active, selected, focus, editing),
+tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus, editing),
+tree[seltype="text"] > treechildren::-moz-tree-cell(active, selected, focus, editing) {
+ background-color: transparent;
+ border: none;
+}
+
+treechildren::-moz-tree-cell-text(active, selected, editing) {
+ opacity: 0;
+}
+
.tree-input {
-moz-appearance: none;
border: 1px solid Highlight;
diff --git a/arc-firefox-theme/chrome/mozapps/aboutNetworking.css b/arc-firefox-theme/chrome/mozapps/aboutNetworking.css
index 2b4a8df..981c04a 100644
--- a/arc-firefox-theme/chrome/mozapps/aboutNetworking.css
+++ b/arc-firefox-theme/chrome/mozapps/aboutNetworking.css
@@ -19,12 +19,12 @@ body {
}
#refreshDiv {
- text-align: end;
+ justify-content: flex-end;
margin-bottom: 0.5em;
}
#refreshButton {
- vertical-align: middle;
+ margin-top: 0;
}
/** Categories **/
@@ -103,7 +103,6 @@ body {
}
.tab table {
- border: 1;
width: 100%;
}
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/extensions.css b/arc-firefox-theme/chrome/mozapps/extensions/extensions.css
index c0f14a1..f33684f 100644
--- a/arc-firefox-theme/chrome/mozapps/extensions/extensions.css
+++ b/arc-firefox-theme/chrome/mozapps/extensions/extensions.css
@@ -1111,11 +1111,6 @@ button.button-link:not([disabled="true"]):active:hover {
padding: 0 1px;
}
-.meta-rating[showrating="user"] > .star {
- list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png");
- padding: 2px 3px;
-}
-
.meta-rating > .star[on="true"],
.meta-rating[showrating="user"] > .star[hover] {
list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png");
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/newaddon.css b/arc-firefox-theme/chrome/mozapps/extensions/newaddon.css
index e28c89d..8fbfc7e 100644
--- a/arc-firefox-theme/chrome/mozapps/extensions/newaddon.css
+++ b/arc-firefox-theme/chrome/mozapps/extensions/newaddon.css
@@ -91,7 +91,6 @@
#buttonDeck {
margin-top: 25px;
-moz-box-align: stretch;
- -moz-box-pack: stretch;
}
#continuePanel {
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/update.css b/arc-firefox-theme/chrome/mozapps/extensions/update.css
index f872b43..0db1793 100644
--- a/arc-firefox-theme/chrome/mozapps/extensions/update.css
+++ b/arc-firefox-theme/chrome/mozapps/extensions/update.css
@@ -2,10 +2,6 @@
* 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/. */
-#alert {
- list-style-image: url("chrome://mozapps/skin/update/update.png");
-}
-
.throbber {
list-style-image: url("chrome://global/skin/icons/loading.png");
width: 16px;
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDisabled.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDisabled.png
deleted file mode 100644
index b8b6a10..0000000
--- a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDisabled.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDownload.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDownload.png
deleted file mode 100644
index 714302d..0000000
--- a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDownload.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginMissing.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginMissing.png
deleted file mode 100644
index 9fb2eac..0000000
--- a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginMissing.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/pluginProblem.css b/arc-firefox-theme/chrome/mozapps/plugins/pluginProblem.css
index 6dc8f0a..9929bd9 100644
--- a/arc-firefox-theme/chrome/mozapps/plugins/pluginProblem.css
+++ b/arc-firefox-theme/chrome/mozapps/plugins/pluginProblem.css
@@ -63,13 +63,6 @@ html|a {
margin-bottom: 6px;
}
-:-moz-type-unsupported .icon,
-:-moz-type-unsupported-platform .icon {
- background-image: url(chrome://mozapps/skin/plugins/contentPluginMissing.png);
-}
-:-moz-type-unsupported .icon[installable] {
- background-image: url(chrome://mozapps/skin/plugins/contentPluginDownload.png);
-}
:-moz-handler-vulnerable-updatable .icon,
:-moz-handler-vulnerable-no-update .icon {
background-image: url(chrome://mozapps/skin/plugins/contentPluginBlocked.png);
@@ -78,13 +71,11 @@ html|a {
:-moz-handler-blocked .icon {
background-image: url(chrome://mozapps/skin/plugins/contentPluginBlocked.png);
}
+a .icon,
:-moz-handler-clicktoplay .icon {
background-image: url(chrome://mozapps/skin/plugins/contentPluginActivate.png);
-moz-user-focus: normal;
}
-:-moz-handler-disabled .icon {
- background-image: url(chrome://mozapps/skin/plugins/contentPluginDisabled.png);
-}
:-moz-handler-crashed .icon {
background-image: url(chrome://mozapps/skin/plugins/contentPluginCrashed.png);
}
@@ -108,13 +99,15 @@ html|a {
}
@media not all and (-moz-touch-enabled) {
- :-moz-handler-clicktoplay .msgTapToPlay {
+ :-moz-handler-clicktoplay .msgTapToPlay,
+ a .msgTapToPlay {
display: none;
}
}
@media (-moz-touch-enabled) {
- :-moz-handler-clicktoplay .msgClickToPlay {
+ :-moz-handler-clicktoplay .msgClickToPlay,
+ a .msgClickToPlay {
display: none;
}
}