diff options
Diffstat (limited to 'arc-firefox-theme/chrome/browser/customizableui/panelUI.css')
| -rw-r--r-- | arc-firefox-theme/chrome/browser/customizableui/panelUI.css | 135 |
1 files changed, 70 insertions, 65 deletions
diff --git a/arc-firefox-theme/chrome/browser/customizableui/panelUI.css b/arc-firefox-theme/chrome/browser/customizableui/panelUI.css index ef775e0..7549339 100644 --- a/arc-firefox-theme/chrome/browser/customizableui/panelUI.css +++ b/arc-firefox-theme/chrome/browser/customizableui/panelUI.css @@ -107,7 +107,6 @@ height: 13px; } -#PanelUI-menu-button[badge-status="download-severe"] > .toolbarbutton-badge-stack > .toolbarbutton-badge, #PanelUI-menu-button[badge-status="update-failed"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { background: #D90000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center; height: 13px; @@ -115,16 +114,31 @@ #PanelUI-menu-button[badge-status="download-warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge, #PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { - height: 13px; box-shadow: none; filter: drop-shadow(0 1px 0 hsla(206, 50%, 10%, .15)); } +#PanelUI-menu-button[badge-status="download-warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge, +#PanelUI-menu-button[badge-status="download-severe"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { + width: 7px; + height: 7px; + min-width: 0; + border-radius: 50%; + /* "!important" is necessary to override the rule in toolbarbutton.css */ + margin-top: -1px !important; + margin-right: -2px !important; +} + #PanelUI-menu-button[badge-status="download-warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { - background: #FFBF00 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center; + background: #FFBF00; +} + +#PanelUI-menu-button[badge-status="download-severe"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { + background: #D90000; } #PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { + height: 13px; background: transparent url(chrome://browser/skin/warning.svg) no-repeat center; } @@ -136,7 +150,7 @@ .panel-subviews { padding: 4px; background-clip: padding-box; - border-left: 1px solid hsla(210,4%,10%,.3); + border-left: 1px solid var(--panel-arrowcontent-border-color); box-shadow: 0 3px 5px hsla(210,4%,10%,.1), 0 0 7px hsla(210,4%,10%,.1); margin-inline-start: var(--panel-ui-exit-subview-gutter-width); @@ -178,7 +192,7 @@ panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .pan .panel-subview-header { margin: -4px -4px 4px; - box-shadow: 0 -1px 0 hsla(210,4%,10%,.05) inset; + border-bottom: 1px solid var(--panel-separator-color); color: GrayText; font-variant: small-caps; } @@ -385,7 +399,7 @@ toolbarpaletteitem:-moz-any([place="palette"], [place="panel"]) > toolbaritem[sd } .panelUI-grid .toolbarbutton-1:not([buttonover]):not(:-moz-any([disabled],[open],:active)):hover > .toolbarbutton-menubutton-dropmarker { - background-color: hsla(210,4%,10%,.1) !important; + background-color: var(--arrowpanel-dimmed) !important; border-radius: 0 0 0 2px; } @@ -412,7 +426,7 @@ toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] > iframe { } #PanelUI-multiView[viewtype="subview"] > .panel-viewcontainer > .panel-viewstack > .panel-mainview > #PanelUI-mainView { - background-color: hsla(210,4%,10%,.1); + background-color: var(--arrowpanel-dimmed); } #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .panel-wide-item, @@ -513,7 +527,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { display: flex; flex-shrink: 0; flex-direction: column; - background-color: hsla(210,4%,10%,.07); + background-color: var(--arrowpanel-dimmed); padding: 0; margin: 0; } @@ -530,7 +544,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status::after { content: url(chrome://browser/skin/warning.svg); - filter: drop-shadow(0 1px 0 hsla(206, 50%, 10%, .15)); + filter: drop-shadow(0 1px 0 hsla(206,50%,10%,.15)); width: 47px; padding-top: 1px; display: block; @@ -544,7 +558,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { width: 14px; height: 14px; margin-right: 16.5px; - box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px rgba(0, 0, 0, 0.1) inset, 0px 1px 0px rgba(12, 27, 38, 0.2); + box-shadow: 0px 1px 0px rgba(255,255,255,.2) inset, 0px -1px 0px rgba(0,0,0,.1) inset, 0px 1px 0px rgba(12,27,38,.2); border-radius: 2px; background-size: contain; display: -moz-box; @@ -569,7 +583,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #PanelUI-footer-inner, #PanelUI-footer-fxa:not([hidden]) { display: flex; - border-top: 1px solid hsla(210,4%,10%,.14); + border-top: 1px solid var(--panel-separator-color); } #PanelUI-multiView[viewtype="subview"] #PanelUI-footer-inner, @@ -580,7 +594,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #PanelUI-footer-inner > toolbarseparator, #PanelUI-footer-fxa > toolbarseparator { border: 0; - border-left: 1px solid hsla(210,4%,10%,.14); + border-left: 1px solid var(--panel-separator-color); margin: 7px 0 7px; -moz-appearance: none; } @@ -609,7 +623,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { } #PanelUI-update-status { - border-top: 1px solid hsla(210,4%,10%,.14); + border-top: 1px solid var(--panel-separator-color); } #PanelUI-update-status { @@ -887,8 +901,8 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #PanelUI-help:not([disabled]):hover, #PanelUI-customize:hover, #PanelUI-quit:not([disabled]):hover { - outline: 1px solid hsla(210,4%,10%,.07); - background-color: hsla(210,4%,10%,.07); + outline: 1px solid var(--arrowpanel-dimmed); + background-color: var(--arrowpanel-dimmed); } #PanelUI-fxa-status:not([disabled]):hover:active, @@ -896,8 +910,8 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #PanelUI-help:not([disabled]):hover:active, #PanelUI-customize:hover:active, #PanelUI-quit:not([disabled]):hover:active { - outline: 1px solid hsla(210,4%,10%,.12); - background-color: hsla(210,4%,10%,.12); + outline: 1px solid var(--arrowpanel-dimmed-further); + background-color: var(--arrowpanel-dimmed-further); box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset; } @@ -909,16 +923,16 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { } #PanelUI-footer-fxa[fxastatus="error"] { - background-color: hsla(42, 94%, 88%, 1.0); - border-top: 1px solid hsla(42, 94%, 70%, 1.0); + background-color: hsl(42,94%,88%); + border-top: 1px solid hsl(42,94%,70%); } #PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status:hover { - background-color: hsla(42, 94%, 85%, 1.0); + background-color: hsl(42,94%,85%); } #PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status:hover:active { - background-color: hsla(42, 94%, 82%, 1.0); + background-color: hsl(42,94%,82%); box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset; } @@ -927,27 +941,27 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { } #PanelUI-update-status[update-status="succeeded"] { - background-color: hsla(96, 65%, 75%, 0.5); + background-color: hsla(96,65%,75%,.5); } #PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover { - background-color: hsla(96, 65%, 75%, 0.8); + background-color: hsla(96,65%,75%,.8); } #PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover:active { - background-color: hsl(96, 65%, 75%); + background-color: hsl(96,65%,75%); } #PanelUI-update-status[update-status="failed"] { - background-color: hsla(359, 69%, 84%, 0.5); + background-color: hsla(359,69%,84%,.5); } #PanelUI-update-status[update-status="failed"]:not([disabled]):hover { - background-color: hsla(359, 69%, 84%, 0.8); + background-color: hsla(359,69%,84%,.8); } #PanelUI-update-status[update-status="failed"]:not([disabled]):hover:active { - background-color: hsl(359, 69%, 84%); + background-color: hsl(359,69%,84%); } #PanelUI-quit:not([disabled]):hover { @@ -962,7 +976,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #customization-panelHolder #PanelUI-customize { color: white; - background-color: rgb(116,191,67); + background-color: hsl(108,66%,30%); text-shadow: none; margin-top: -1px; } @@ -971,9 +985,12 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { display: none; } -#customization-panelHolder #PanelUI-customize:hover, +#customization-panelHolder #PanelUI-customize:hover { + background-color: hsl(109,65%,26%); +} + #customization-panelHolder #PanelUI-customize:hover:active { - background-color: rgb(105,173,61); + background-color: hsl(109,65%,22%); } #customization-palette .toolbarbutton-multiline-text, @@ -989,10 +1006,10 @@ panelview .toolbarbutton-1, .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton { -moz-appearance: none; padding: 0 6px; - background-color: hsla(210,4%,10%,0); + background-color: transparent; border-radius: 2px; border-style: solid; - border-color: hsla(210,4%,10%,0); + border-color: transparent; } panelview .toolbarbutton-1, @@ -1075,12 +1092,12 @@ menuitem.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive], .share-provider-button:not(:-moz-any([disabled],[open],:active)):hover:not([checked="true"]), .widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[open],:active)):hover, .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton:not(:-moz-any([disabled],[open],:active)):hover { - background-color: hsla(210,4%,10%,.08); - border-color: hsla(210,4%,10%,.11); + background-color: var(--arrowpanel-dimmed); + border-color: var(--panel-separator-color); } .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]):not(:-moz-any([disabled],[open],:active)):hover { - border-color: hsla(210,4%,10%,.11); + border-color: var(--panel-separator-color); } panelview .toolbarbutton-1:-moz-any(:not([disabled]):-moz-any([open],:hover:active),[checked=true]), @@ -1090,28 +1107,26 @@ menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active, .share-provider-button:-moz-any(:not([disabled]):-moz-any([open],:hover:active),[checked=true]), .widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],:hover:active), .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton:not([disabled]):-moz-any([open],:hover:active) { - background-color: hsla(210,4%,10%,.12); - border-color: hsla(210,4%,10%,.14); + background-color: var(--arrowpanel-dimmed-further); + border-color: var(--panel-separator-color); box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset; } .subviewbutton.panel-subview-footer { margin: 4px -4px -4px; - background-color: hsla(210,4%,10%,.07); - border-top: 1px solid hsla(210,4%,10%,.12); + background-color: var(--arrowpanel-dimmed); + border-top: 1px solid var(--panel-separator-color); border-radius: 0; } menuitem.panel-subview-footer:not(:-moz-any([disabled],:active))[_moz-menuactive], .subviewbutton.panel-subview-footer:not(:-moz-any([disabled],[open],:active)):hover { - background-color: hsla(210,4%,10%,.15); - border-top: 1px solid hsla(210,4%,10%,.14); + background-color: var(--arrowpanel-dimmed-further); } menuitem.panel-subview-footer:not([disabled])[_moz-menuactive]:active, .subviewbutton.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active) { - background-color: hsla(210,4%,10%,.19); - border-top: 1px solid hsla(210,4%,10%,.14); + background-color: var(--arrowpanel-dimmed-even-further); box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset; } @@ -1278,11 +1293,11 @@ toolbarpaletteitem[place="palette"] > #search-container { } .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) { - background-color: hsla(210,4%,10%,0); + background-color: transparent; border-radius: 2px; border: 1px solid; - border-color: hsla(210,4%,10%,0); - border-bottom-color: hsla(210,4%,10%,.1); + border-color: transparent; + border-bottom-color: var(--panel-separator-color); padding: 0; transition-property: background-color, border-color; transition-duration: 150ms; @@ -1457,7 +1472,7 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left { #PanelUI-panic-timeframe { padding: 15px; - border-bottom: 1px solid rgba(0,0,0,0.1); + border-bottom: 1px solid var(--panel-separator-color); } #panic-button-success-icon, @@ -1510,23 +1525,21 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left { -moz-box-align: center; padding: 1px; margin: 0 0 2px; - background-color: hsla(210,4%,10%,0); + background-color: transparent; border-radius: 2px; - border-width: 1px; - border-style: solid; - border-color: hsla(210,4%,10%,0); + border: 1px solid transparent; } .subviewradio:not(:-moz-any([disabled],[open],:active)):hover { - background-color: hsla(210,4%,10%,.08); - border-color: hsla(210,4%,10%,.11); + background-color: var(--arrowpanel-dimmed); + border-color: var(--panel-separator-color); } .subviewradio[selected], .subviewradio[selected]:hover, .subviewradio:not([disabled]):-moz-any([open],:hover:active) { - background-color: hsla(210,4%,10%,.12); - border-color: hsla(210,4%,10%,.14); + background-color: var(--arrowpanel-dimmed-further); + border-color: var(--panel-separator-color); box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset; } @@ -1744,7 +1757,7 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left { } .panel-subviews { - background-color: -moz-dialog; + background-color: var(--panel-arrowcontent-background); } #BMB_bookmarksPopup > menuitem[type="checkbox"] { @@ -1755,7 +1768,7 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left { -moz-appearance: none; background: var(--panel-arrowcontent-background); color: var(--panel-arrowcontent-color); - border: var(--panel-arrowcontent-border); + border: 1px solid var(--panel-arrowcontent-border-color); margin-top: -6px; padding-top: 1px; } @@ -1832,14 +1845,6 @@ menu.subviewbutton > .menu-right:-moz-locale-dir(rtl) { margin-bottom: 2px !important; } -.PanelUI-subView toolbarseparator, -.PanelUI-subView menuseparator, -.cui-widget-panelview menuseparator, -#PanelUI-footer-inner > toolbarseparator, -#PanelUI-footer-fxa > toolbarseparator { - -moz-appearance: none !important; -} - .subviewradio > .radio-label-box { -moz-appearance: none; } |