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