diff --git a/browser/base/content/browser-fullScreen.js b/browser/base/content/browser-fullScreen.js index 4e416ef0437e..15bfbf7f9158 100644 --- a/browser/base/content/browser-fullScreen.js +++ b/browser/base/content/browser-fullScreen.js @@ -566,6 +566,8 @@ var FullScreen = { navbar.appendChild(fullscreenctls); } fullscreenctls.hidden = aShow; + + ToolbarIconColor.inferFromText(); } }; XPCOMUtils.defineLazyGetter(FullScreen, "useLionFullScreen", function() { diff --git a/browser/base/content/browser.js b/browser/base/content/browser.js index 743995d28b1b..7a39a302ae2c 100644 --- a/browser/base/content/browser.js +++ b/browser/base/content/browser.js @@ -947,6 +947,8 @@ var gBrowserInit = { } #endif + ToolbarIconColor.init(); + // Wait until chrome is painted before executing code not critical to making the window visible this._boundDelayedStartup = this._delayedStartup.bind(this, mustLoadSidebar); window.addEventListener("MozAfterPaint", this._boundDelayedStartup); @@ -1283,6 +1285,8 @@ var gBrowserInit = { TabsInTitlebar.uninit(); + ToolbarIconColor.uninit(); + var enumerator = Services.wm.getEnumerator(null); enumerator.getNext(); if (!enumerator.hasMoreElements()) { @@ -4296,6 +4300,8 @@ function setToolbarVisibility(toolbar, isVisible, persist=true) { PlacesToolbarHelper.init(); BookmarkingUI.onToolbarVisibilityChange(); gBrowser.updateWindowResizers(); + if (isVisible) + ToolbarIconColor.inferFromText(); } var TabsInTitlebar = { @@ -4540,6 +4546,8 @@ var TabsInTitlebar = { titlebar.style.marginBottom = ""; menubar.style.paddingBottom = ""; } + + ToolbarIconColor.inferFromText(); }, _sizePlaceholder: function (type, width) { @@ -7192,3 +7200,71 @@ function BrowserOpenNewTabOrWindow(event) { BrowserOpenTab(); } } + +let ToolbarIconColor = { + init: function () { + this._initialized = true; + + window.addEventListener("activate", this); + window.addEventListener("deactivate", this); + Services.obs.addObserver(this, "lightweight-theme-styling-update", false); + + // If the window isn't active now, we assume that it has never been active + // before and will soon become active such that inferFromText will be + // called from the initial activate event. + if (Services.focus.activeWindow == window) + this.inferFromText(); + }, + + uninit: function () { + this._initialized = false; + + window.removeEventListener("activate", this); + window.removeEventListener("deactivate", this); + Services.obs.removeObserver(this, "lightweight-theme-styling-update"); + }, + + handleEvent: function (event) { + switch (event.type) { + case "activate": + case "deactivate": + this.inferFromText(); + break; + } + }, + + observe: function (aSubject, aTopic, aData) { + switch (aTopic) { + case "lightweight-theme-styling-update": + // inferFromText needs to run after LightweightThemeConsumer.jsm's + // lightweight-theme-styling-update observer. + setTimeout(() => { this.inferFromText(); }, 0); + break; + } + }, + + inferFromText: function () { + if (!this._initialized) + return; + + function parseRGB(aColorString) { + let rgb = aColorString.match(/^rgba?\((\d+), (\d+), (\d+)/); + rgb.shift(); + return rgb.map(x => parseInt(x)); + } + + let toolbarSelector = "#navigator-toolbox > toolbar:not([collapsed=true]):not(#addon-bar)"; +#ifdef XP_MACOSX + toolbarSelector += ":not([type=menubar])"; +#endif + + for (let toolbar of document.querySelectorAll(toolbarSelector)) { + let [r, g, b] = parseRGB(getComputedStyle(toolbar).color); + let luminance = 0.2125 * r + 0.7154 * g + 0.0721 * b; + if (luminance <= 110) + toolbar.removeAttribute("brighttext"); + else + toolbar.setAttribute("brighttext", "true"); + } + } +} diff --git a/browser/themes/linux/downloads/indicator.css b/browser/themes/linux/downloads/indicator.css index 6e2ef37bb9b3..388050f6b706 100644 --- a/browser/themes/linux/downloads/indicator.css +++ b/browser/themes/linux/downloads/indicator.css @@ -26,7 +26,7 @@ min-height: 18px; } -#downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon:-moz-lwtheme-brighttext { +toolbar[brighttext] #downloads-button[cui-areatype="toolbar"]:not([attention]) > #downloads-indicator-anchor > #downloads-indicator-icon { background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180) center no-repeat; } @@ -49,8 +49,7 @@ background-size: 12px; } -#downloads-button:not([counter]) > #downloads-indicator-anchor > -#downloads-button-progress-area > #downloads-indicator-counter:-moz-lwtheme-brighttext { +toolbar[brighttext] #downloads-button:not([counter]):not([attention]) > #downloads-indicator-anchor > #downloads-button-progress-area > #downloads-indicator-counter { background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180); } @@ -115,7 +114,7 @@ text-align: center; } -#downloads-indicator-counter:-moz-lwtheme-brighttext { +toolbar[brighttext] #downloads-indicator-counter { color: white; text-shadow: 0 0 1px rgba(0,0,0,.7), 0 1px 1.5px rgba(0,0,0,.5); diff --git a/browser/themes/osx/browser.css b/browser/themes/osx/browser.css index 79fc9105dcf7..322d4d7cbfd0 100644 --- a/browser/themes/osx/browser.css +++ b/browser/themes/osx/browser.css @@ -630,14 +630,6 @@ toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-ic %include ../shared/toolbarbuttons.inc.css %include ../shared/menupanel.inc.css - #home-button.bookmark-item { - list-style-image: url("chrome://browser/skin/Toolbar.png"); - } - - #home-button.bookmark-item:not(@inAnyPanel@):-moz-lwtheme-brighttext { - list-style-image: url(chrome://browser/skin/Toolbar-inverted.png); - } - #back-button:hover:active:not([disabled="true"]) { -moz-image-region: rect(18px, 36px, 36px, 18px); } @@ -801,14 +793,12 @@ toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-ic to avoid potentially breaking add-on toolbar buttons. */ :-moz-any(@primaryToolbarButtons@), - #home-button.bookmark-item, #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url("chrome://browser/skin/Toolbar@2x.png"); } - :-moz-any(@primaryToolbarButtons@):not(@inAnyPanel@):-moz-lwtheme-brighttext, - #home-button.bookmark-item:not(@inAnyPanel@):-moz-lwtheme-brighttext, - #bookmarks-menu-button:not(@inAnyPanel@):-moz-lwtheme-brighttext > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + toolbar[brighttext] :-moz-any(@primaryToolbarButtons@), + toolbar[brighttext] #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url("chrome://browser/skin/Toolbar-inverted@2x.png"); } @@ -914,8 +904,8 @@ toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-ic -moz-image-region: rect(0, 36px, 36px, 0px); } - #sync-button[cui-areatype="toolbar"][status="active"]:-moz-lwtheme-brighttext, - #sync-button[cui-areatype="toolbar"][status="active"]:-moz-lwtheme-brighttext:hover:active:not([disabled="true"]) { + toolbar[brighttext] #sync-button[cui-areatype="toolbar"][status="active"], + toolbar[brighttext] #sync-button[cui-areatype="toolbar"][status="active"]:hover:active:not([disabled="true"]) { list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted@2x.png"); } diff --git a/browser/themes/osx/downloads/indicator.css b/browser/themes/osx/downloads/indicator.css index d4960a7b1606..6ce0a1d3c5ee 100644 --- a/browser/themes/osx/downloads/indicator.css +++ b/browser/themes/osx/downloads/indicator.css @@ -29,11 +29,11 @@ 0, 198, 18, 180) center no-repeat; } -#downloads-indicator-icon:-moz-lwtheme-brighttext { +toolbar[brighttext] #downloads-indicator-icon { background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180); } -#downloads-button[attention] #downloads-indicator-icon { +#downloads-button[attention] > #downloads-indicator-anchor > #downloads-indicator-icon { background-image: url("chrome://browser/skin/downloads/download-glow.png"); } @@ -45,17 +45,17 @@ /* In the next few rules, we use :not([counter]) as a shortcut that is equivalent to -moz-any([progress], [paused]). */ -#downloads-button:not([counter]) #downloads-indicator-counter { +#downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 198, 18, 180) center no-repeat; background-size: 12px; } -#downloads-button:not([counter]) #downloads-indicator-counter:-moz-lwtheme-brighttext { +toolbar[brighttext] #downloads-button:not([counter]):not([attention]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180); } -#downloads-button:not([counter])[attention] #downloads-indicator-counter { +#downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { background-image: url("chrome://browser/skin/downloads/download-glow.png"); } @@ -65,7 +65,7 @@ background-size: 18px; } - #downloads-indicator-icon:-moz-lwtheme-brighttext { + toolbar[brighttext] #downloads-indicator-icon { background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted@2x.png"), 0, 396, 36, 360); } @@ -73,7 +73,7 @@ background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar@2x.png"), 0, 396, 36, 360); } - #downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter:-moz-lwtheme-brighttext { + toolbar[brighttext] #downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted@2x.png"), 0, 396, 36, 360); } diff --git a/browser/themes/shared/toolbarbuttons.inc.css b/browser/themes/shared/toolbarbuttons.inc.css index 89a7645145d6..bba263359fc8 100644 --- a/browser/themes/shared/toolbarbuttons.inc.css +++ b/browser/themes/shared/toolbarbuttons.inc.css @@ -5,8 +5,8 @@ list-style-image: url("chrome://browser/skin/Toolbar.png"); } -:-moz-any(@primaryToolbarButtons@):not(@inAnyPanel@):-moz-lwtheme-brighttext, -#bookmarks-menu-button:not(@inAnyPanel@):-moz-lwtheme-brighttext > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { +toolbar[brighttext] :-moz-any(@primaryToolbarButtons@), +toolbar[brighttext] #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url(chrome://browser/skin/Toolbar-inverted.png); } @@ -64,8 +64,8 @@ -moz-image-region: rect(0, 18px, 18px, 0px); } -#sync-button[cui-areatype="toolbar"][status="active"]:-moz-lwtheme-brighttext, -#sync-button[cui-areatype="toolbar"][status="active"]:-moz-lwtheme-brighttext:hover:active:not([disabled="true"]) { +toolbar[brighttext] #sync-button[status="active"], +toolbar[brighttext] #sync-button[status="active"]:hover:active:not([disabled="true"]) { list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png"); } diff --git a/browser/themes/windows/browser-aero.css b/browser/themes/windows/browser-aero.css index b7ee8c9b5247..2f7cc3dde9d4 100644 --- a/browser/themes/windows/browser-aero.css +++ b/browser/themes/windows/browser-aero.css @@ -165,27 +165,6 @@ color: white; } - #main-window[darkwindowframe="true"] :-moz-any(#toolbar-menubar, #TabsToolbar) :-moz-any(@primaryToolbarButtons@):not(:-moz-lwtheme):not(:-moz-window-inactive), - #main-window[darkwindowframe="true"] :-moz-any(#toolbar-menubar, #TabsToolbar) #bookmarks-menu-button:not(:-moz-lwtheme) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon:not(:-moz-window-inactive) { - list-style-image: url(chrome://browser/skin/Toolbar-inverted.png); - } - - #main-window[darkwindowframe="true"] .tabs-newtab-button:not(:-moz-lwtheme):not(:-moz-window-inactive), - #main-window[darkwindowframe="true"] :-moz-any(#toolbar-menubar, #TabsToolbar) > #new-tab-button:not(:-moz-lwtheme):not(:-moz-window-inactive), - #main-window[darkwindowframe="true"] :-moz-any(#toolbar-menubar, #TabsToolbar) > toolbarpaletteitem > #new-tab-button:not(:-moz-lwtheme):not(:-moz-window-inactive) { - list-style-image: url(chrome://browser/skin/tabbrowser/newtab-inverted.png); - } - - #main-window[darkwindowframe="true"] .tab-close-button:not(:-moz-any(:hover, [selected="true"], :-moz-lwtheme, :-moz-window-inactive)) { - -moz-image-region: rect(0, 64px, 16px, 48px); - } - - #main-window[darkwindowframe="true"] :-moz-any(#toolbar-menubar, #TabsToolbar) > #sync-button[status="active"]:not(:-moz-lwtheme), - #main-window[darkwindowframe="true"] :-moz-any(#toolbar-menubar, #TabsToolbar) > toolbarpaletteitem > #sync-button[status="active"]:not(:-moz-lwtheme) { - list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png"); - } - - #toolbar-menubar:not(:-moz-lwtheme) { text-shadow: 0 0 .5em white, 0 0 .5em white, 0 1px 0 rgba(255,255,255,.4); } @@ -283,21 +262,6 @@ background-color: #556; } - /* Use inverted icons for non-fogged glassed toolbars */ - #toolbar-menubar > toolbarpaletteitem > #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon:not(:-moz-lwtheme), - #toolbar-menubar > #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon:not(:-moz-lwtheme), - #toolbar-menubar > toolbarpaletteitem > toolbaritem > :-moz-any(@nestedButtons@):not(:-moz-lwtheme), - #toolbar-menubar > toolbaritem > :-moz-any(@nestedButtons@):not(:-moz-lwtheme), - #toolbar-menubar > toolbarpaletteitem > :-moz-any(@primaryToolbarButtons@):not(:-moz-lwtheme), - #toolbar-menubar > :-moz-any(@primaryToolbarButtons@):not(:-moz-lwtheme) { - list-style-image: url("chrome://browser/skin/Toolbar-inverted.png"); - } - - #toolbar-menubar > #sync-button[status="active"]:not(:-moz-lwtheme), - #toolbar-menubar > toolbarpaletteitem > #sync-button[status="active"]:not(:-moz-lwtheme) { - list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png"); - } - /* Glass Fog */ #TabsToolbar:not(:-moz-lwtheme) { diff --git a/browser/themes/windows/browser.css b/browser/themes/windows/browser.css index 629d2f7d1669..c94678e6c8b5 100644 --- a/browser/themes/windows/browser.css +++ b/browser/themes/windows/browser.css @@ -198,10 +198,6 @@ border-bottom: 1px solid transparent; } - #main-window[tabsintitlebar]:not([inFullscreen]) .tab-close-button:not(:-moz-any(:hover,:-moz-lwtheme,[selected="true"])) { - -moz-image-region: rect(0, 64px, 16px, 48px); - } - #main-window[tabsintitlebar][sizemode="normal"] #titlebar-content:-moz-lwtheme { /* Render a window top border: */ background-image: linear-gradient(to bottom, @@ -575,8 +571,8 @@ menuitem.bookmark-item { list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow.png"); } -toolbar .toolbarbutton-1 > .toolbarbutton-menu-dropmarker:-moz-lwtheme-brighttext, -toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-lwtheme-brighttext { +toolbar[brighttext] .toolbarbutton-1 > .toolbarbutton-menu-dropmarker, +toolbar[brighttext] .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png"); } @@ -1000,35 +996,6 @@ toolbarbutton[sdk-button="true"][cui-areatype="toolbar"] > .toolbarbutton-icon { list-style-image: url("chrome://browser/skin/menu-forward.png") !important; } -#home-button.bookmark-item { - list-style-image: url("chrome://browser/skin/Toolbar.png"); -} - -%ifndef WINDOWS_AERO -@media (-moz-windows-theme: luna-silver) { - #home-button.bookmark-item { - list-style-image: url("chrome://browser/skin/Toolbar-lunaSilver.png"); - } -} -%endif - -#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon:-moz-system-metric(windows-classic):not(:-moz-lwtheme), -#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbarpaletteitem > #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon:-moz-system-metric(windows-classic):not(:-moz-lwtheme), -#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbarpaletteitem > toolbaritem > :-moz-any(@nestedButtons@):-moz-system-metric(windows-classic):not(:-moz-lwtheme), -#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbaritem > :-moz-any(@nestedButtons@):-moz-system-metric(windows-classic):not(:-moz-lwtheme), -#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbarpaletteitem > :-moz-any(@primaryToolbarButtons@):-moz-system-metric(windows-classic):not(:-moz-lwtheme), -#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > :-moz-any(@primaryToolbarButtons@):-moz-system-metric(windows-classic):not(:-moz-lwtheme), -#home-button.bookmark-item:-moz-lwtheme-brighttext { - position: relative; - z-index: 1; - list-style-image: url("chrome://browser/skin/Toolbar-inverted.png"); -} - -#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > #sync-button[status="active"]:-moz-system-metric(windows-classic):not(:-moz-lwtheme), -#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbarpaletteitem > #sync-button[status="active"]:-moz-system-metric(windows-classic):not(:-moz-lwtheme) { - list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png"); -} - /* tabview button & menu item */ #menu_tabview { @@ -1836,25 +1803,6 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { %ifndef WINDOWS_AERO /* Use lighter colors of buttons and text in the titlebar on luna-blue */ @media (-moz-windows-theme: luna-blue) { - #main-window[tabsintitlebar]:not([inFullscreen]) .tabbrowser-arrowscrollbox > .scrollbutton-up, - #main-window[tabsintitlebar]:not([inFullscreen]) .tabbrowser-arrowscrollbox > .scrollbutton-down { - list-style-image: url(chrome://browser/skin/tabbrowser/tab-arrow-left-inverted.png); - } - - #main-window[tabsintitlebar]:not([inFullscreen]) .tabs-newtab-button, - #main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar > #new-tab-button, - #main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar > toolbarpaletteitem > #new-tab-button { - list-style-image: url(chrome://browser/skin/tabbrowser/newtab-inverted.png); - } - - #main-window[tabsintitlebar]:not([inFullscreen]) #alltabs-button { - list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png"); - } - - #main-window[tabsintitlebar]:not([inFullscreen]) .tab-close-button:not(:-moz-any(:hover,:-moz-lwtheme,[selected="true"])) { - -moz-image-region: rect(0, 64px, 16px, 48px); - } - #tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after, .tabbrowser-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before, #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after { @@ -1863,7 +1811,7 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { } %endif -.tab-close-button:not(:hover):not([selected="true"]):-moz-lwtheme-brighttext { +#TabsToolbar[brighttext] .tab-close-button:not(:hover):not([selected="true"]) { -moz-image-region: rect(0, 64px, 16px, 48px) !important; } @@ -1906,10 +1854,8 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { background-origin: border-box; } -#main-window[tabsintitlebar]:not([inFullscreen]) .tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-system-metric(windows-classic):not(:-moz-lwtheme), -#main-window[tabsintitlebar]:not([inFullscreen]) .tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-system-metric(windows-classic):not(:-moz-lwtheme), -.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-lwtheme-brighttext, -.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-lwtheme-brighttext { +#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-up, +#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-down { list-style-image: url(chrome://browser/skin/tabbrowser/tab-arrow-left-inverted.png); } @@ -1951,12 +1897,9 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { -moz-image-region: auto; } -#main-window[tabsintitlebar]:not([inFullscreen]) .tabs-newtab-button:-moz-system-metric(windows-classic):not(:-moz-lwtheme), -#main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar > #new-tab-button:-moz-system-metric(windows-classic):not(:-moz-lwtheme), -#main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar > toolbarpaletteitem > #new-tab-button:-moz-system-metric(windows-classic):not(:-moz-lwtheme), -.tabs-newtab-button:-moz-lwtheme-brighttext, -#TabsToolbar > #new-tab-button:-moz-lwtheme-brighttext, -#TabsToolbar > toolbarpaletteitem > #new-tab-button:-moz-lwtheme-brighttext { +#TabsToolbar[brighttext] .tabs-newtab-button, +#TabsToolbar[brighttext] > #new-tab-button, +#TabsToolbar[brighttext] > toolbarpaletteitem > #new-tab-button { list-style-image: url(chrome://browser/skin/tabbrowser/newtab-inverted.png); } @@ -1968,8 +1911,8 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow.png"); } -#main-window[tabsintitlebar]:not([inFullscreen]) #alltabs-button:-moz-system-metric(windows-classic):not(:-moz-lwtheme), -#alltabs-button:-moz-lwtheme-brighttext { +#TabsToolbar[brighttext] > #alltabs-button, +#TabsToolbar[brighttext] > toolbarpaletteitem > #alltabs-button { list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png"); } @@ -2620,7 +2563,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url(chrome://browser/skin/Metro_Glyph.png); } -#switch-to-metro-button[cui-areatype="toolbar"]:-moz-lwtheme-brighttext { +toolbar[brighttext] #switch-to-metro-button[cui-areatype="toolbar"] { list-style-image: url(chrome://browser/skin/Metro_Glyph-inverted.png); } diff --git a/browser/themes/windows/downloads/indicator-aero.css b/browser/themes/windows/downloads/indicator-aero.css index 1f1b354e77c0..27cf815a4a32 100644 --- a/browser/themes/windows/downloads/indicator-aero.css +++ b/browser/themes/windows/downloads/indicator-aero.css @@ -2,28 +2,7 @@ * 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/. */ -@media (-moz-windows-glass) { - /* The following rules are for the downloads indicator when in its normal, - non-downloading, non-paused state (ie, it's just showing the downloads - button icon). */ - #toolbar-menubar #downloads-button:not([attention]) > #downloads-indicator-anchor > #downloads-indicator-icon:not(:-moz-lwtheme), - - /* The following rules are for the downloads indicator when in its paused - or undetermined progress state. We use :not([counter]) as a shortcut for - :-moz-any([progress], [paused]). */ - - /* This is the case where the downloads indicator has been moved next to the menubar. */ - #toolbar-menubar #downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { - background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180); - } - - #toolbar-menubar #downloads-indicator-counter:not(:-moz-lwtheme) { - color: white; - text-shadow: 0 0 1px rgba(0,0,0,.7), - 0 1px 1.5px rgba(0,0,0,.5); - } -} - #downloads-indicator-counter { + /* Bug 812345 added this... */ margin-bottom: -1px; } diff --git a/browser/themes/windows/downloads/indicator.css b/browser/themes/windows/downloads/indicator.css index 813f28380b08..783a7e78e762 100644 --- a/browser/themes/windows/downloads/indicator.css +++ b/browser/themes/windows/downloads/indicator.css @@ -26,7 +26,7 @@ min-height: 18px; } -#downloads-indicator-icon:-moz-lwtheme-brighttext { +toolbar[brighttext] #downloads-button:not([attention]) > #downloads-indicator-anchor > #downloads-indicator-icon { background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180) center no-repeat; } @@ -64,8 +64,7 @@ background-size: 12px; } -#downloads-button:not([counter]) > #downloads-indicator-anchor > -#downloads-button-progress-area > #downloads-indicator-counter:-moz-lwtheme-brighttext { +toolbar[brighttext] #downloads-button:not([counter]):not([attention]) > #downloads-indicator-anchor > #downloads-button-progress-area > #downloads-indicator-counter { background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180); } @@ -130,7 +129,7 @@ text-align: center; } -#downloads-indicator-counter:-moz-lwtheme-brighttext { +toolbar[brighttext] #downloads-indicator-counter { color: white; text-shadow: 0 0 1px rgba(0,0,0,.7), 0 1px 1.5px rgba(0,0,0,.5);