Es ist ja Begeisterung für diesen wunderbaren Button aufgekommen, deshalb eine Bastelempfehlung für das Popup-Menü dazu.
CSS
/* Popup-Menü HG und Border */
#unified-extensions-view.cui-widget-panelview{
background-color: gainsboro !important;
border: 4px solid royalblue !important;
}
/* Überschrift "Erweiterungen" */
#unified-extensions-view.cui-widget-panelview vbox.panel-header h1 span {
color: #804000 !important;
font-size: 1.6em !important;
}
/* Boxen mit den Erweiterungen */
#unified-extensions-panel .unified-extensions-item {
background-color: beige !important;
border: 2px solid grey !important;
margin: 2px 10px 0 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
/* große Button im Menü */
#unified-extensions-area.customization-target .toolbarbutton-1.unified-extensions-item-action-button.subviewbutton.panel-no-padding.webextension-browser-action{
border: 1px solid silver !important;
background-color: #efefef !important;
padding: 4px 0 4px 10px !important;
margin-top: 4px !important;
margin-bottom: 4px !important;
}
#unified-extensions-area.customization-target .toolbarbutton-1.unified-extensions-item-action-button.subviewbutton.panel-no-padding.webextension-browser-action:hover{
background-color: #e6ffff !important;
}
/* Namen der Erweiterung */
.unified-extensions-item-contents label.unified-extensions-item-name{
color: royalblue !important;
font-size: 1.2em !important;
font-weight: 700 !important;
}
/* Text unter dem Namen der Erweiterung */
[data-l10n-id="origin-controls-state-always-on"],
[data-l10n-id="origin-controls-state-no-access"] {
color: brown !important;
}
/* Text "Erweiterung öffnen" (bei hover sichtbar) */
[data-l10n-id="origin-controls-state-runnable-hover-open"] {
color: magenta !important;
font-weight: 700 !important;
}
/* Text "Erweiterung ausführen" (bei hover sichtbar) */
[data-l10n-id="origin-controls-state-runnable-hover-run"] {
color: green !important;
font-weight: 700 !important;
}
/* max. Ausdehnung der Boxen von inaktiven Erweiterungen (unten) */
#unified-extensions-view.cui-widget-panelview vbox.panel-subview-body vbox.unified-extensions-list {
max-width: 450px !important;
}
/* Namen der inaktiven Erweiterungen */
.unified-extensions-item-name {
color: grey !important;
font-size: 1.2em !important;
font-weight: 700 !important;
}
/* Button mit dem Zahnrad (Verwalten) */
toolbaritem.unified-extensions-item .unified-extensions-item-menu-button.subviewbutton {
background-color: gainsboro !important;
border: 1px solid silver !important;
}
.unified-extensions-item-menu-button.subviewbutton {
background-color: gainsboro !important;
border: 1px solid silver !important;
margin-right: -3px !important;
}
/* Button mit dem Zahnrad bei Hover (Verwalten) */
toolbaritem.unified-extensions-item .unified-extensions-item-menu-button.subviewbutton:hover,
.unified-extensions-item-menu-button.subviewbutton:hover {
background-color: gold !important;
border: 1px solid brown !important;
color: red !important;
}
/* Button "Erweiterungen verwalten" (unten) */
#unified-extensions-view.cui-widget-panelview toolbarbutton#unified-extensions-manage-extensions.subviewbutton.panel-subview-footer-button.unified-extensions-manage-extensions {
background-color: #e3e3b5 !important;
border: 1px solid grey !important;
}
#unified-extensions-view.cui-widget-panelview toolbarbutton#unified-extensions-manage-extensions.subviewbutton.panel-subview-footer-button.unified-extensions-manage-extensions:hover {
background-color: greenyellow !important;
border: 1px solid brown !important;
}
/* Icon eingefügt bei "Erweiterungen verwalten" */
#unified-extensions-manage-extensions::before {
margin-right: 10px !important;
margin-left: 28px !important;
content: '' !important;
display: block !important;
width: 19px !important;
height: 19px !important;
background-image: url("file:///C:/FoxIcons/0109.png") !important;
background-repeat: no-repeat !important;
background-position: 0px 0px !important;
background-size: 18px 18px !important;
}
/* Text "Erweiterungen verwalten" */
[data-l10n-id="unified-extensions-manage-extensions"] {
color: blue !important;
font-size: 1.3em !important;
font-weight: 700 !important;
padding-left: 0px !important;
}
Alles anzeigen