#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive {
}
+#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;
- border-left: 1px solid var(--panel-arrowcontent-border-color);
+ border-left: 1px solid var(--panel-separator-color);
margin-inline-start: var(--panel-ui-exit-subview-gutter-width);
}
.panel-subview-header {
margin: 0 0 4px;
- background-color: #A09090;
+ background-color: var(--panel-separator-color);
color: #000000;
font-variant: small-caps;
border-radius: 4px;
}
.panel-subview-footer {
- border-top: 1px solid #A09090;
+ border-top: 1px solid var(--panel-separator-color);
}
.cui-widget-panelview .panel-subview-header {
panelview[id^=PanelUI-webext-] {
overflow: hidden;
- border-radius: 3.5px;
}
panelview:not([mainview]) .toolbarbutton-text,
border-bottom-left-radius: 4px;
}
-#main-window[customizing] #PanelUI-footer-fxa > toolbarseparator {
+#main-window[customizing] #PanelUI-footer-fxa {
display: none;
}
top: 25%;
}
-#PanelUI-update-status[update-status]::after {
+#PanelUI-update-status[update-status]::after,
+#PanelUI-footer-addons > toolbarbutton::after {
content: "";
width: 14px;
height: 14px;
- margin-right: 16.5px;
+ margin-inline-end: 16.5px;
border-radius: 2px;
background-size: contain;
display: -moz-box;
background-color: #FF0000;
}
+#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%;
#PanelUI-help,
#PanelUI-fxa-label,
#PanelUI-fxa-icon,
+#PanelUI-footer-addons > toolbarbutton,
#PanelUI-customize,
#PanelUI-quit {
margin: 0;
}
#PanelUI-fxa-label,
+#PanelUI-footer-addons > toolbarbutton,
#PanelUI-customize {
flex: 1;
padding-inline-start: 15px;
#PanelUI-fxa-label,
#PanelUI-fxa-icon,
+#PanelUI-footer-addons > toolbarbutton,
#PanelUI-customize,
#PanelUI-help,
#PanelUI-quit {
}
.PanelUI-subView.cui-widget-panelview .subviewbutton[shortcut]::after {
- -moz-margin-start: 10px;
+ margin-inline-start: 10px;
}
/* This is a <label> but it should fit in with the menu font- and colorwise. */
visibility: hidden;
}
+#PanelUI-containersItems > .subviewbutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
.panel-mainview[panelid=customizationui-widget-panel],
#customizationui-widget-multiview > .panel-viewcontainer,
#customizationui-widget-multiview > .panel-viewcontainer > .panel-viewstack,
/* === END panelUI.inc.css === */
.panel-subviews {
- background-color: #000000;
+ background-color: var(--arrowpanel-background);
}
#PanelUI-contents #zoom-out-btn {
#BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
/* emulating chrome://browser/content/places/menu.xml#places-popup-arrow but without the arrow */
/* box-shadow: 0 0 4px rgba(0,0,0,0.2);
- background: var(--panel-arrowcontent-background);
- border: 1px solid var(--panel-arrowcontent-border-color);
+ background: var(--arrowpanel-background);
+ color: var(--arrowpanel-color);
+ border: 1px solid var(--arrowpanel-border-color);
border-radius: 3.5px;
margin-top: -4px;*/
}