Neuer Firefox 157 Nova - alte userChrome.css

dribs

Ich stehe kurz davor meinen Firefox auf 157 zu aktualisieren. Eine probeweise Installation auf einem Testrechner zusammen mit dem neuen Proton Theme sieht schon mal vielversprechend aus, bis auf die zu stark abgerundeten Tabs natürlich

Nun habe ich bei der alten Version im Laufe der Jahre einige Anpassungen in der userchrome.css vorgenommen. Ich befürchte, dass vieles davon inzwischen obsolet geworden ist oder unter Umständen sogar mit neuen vorzunehmenden Anpassungen kollidieren könnte.

Ich wäre daher für eine Antwort auf folgende Fragen äußerst dankbar:

- Welche der Anpassungen/Einträge kann oder sollte ich sogar löschen?

- Ist einiges davon eventuell gar nicht mehr realisierbar?

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {

   #TabsToolbar { -moz-box-ordinal-group: 2;
   }

   #nav-bar{ border-top-width: 0px !important;
   }

/* Menüleiste und Tabs Farbe */
   #toolbar-menubar, #menubar-items, #main-menubar 
      {
   color: #000000 !important;
   background-color: #cccccc !important;
   } 

/* Hintergrundfarbe inaktives Tab */  
   .tab-background {background: #cccccc !important;
   }

/* Hintergrundfarbe aktives Tab */
   .tab-background[selected]{background-color:#ffffff !important;
   }

/* Inaktiver Tab Hover Farbe Weiß */
   .tabbrowser-tab:not([visuallyselected]):hover > .tab-stack > .tab-background {
   background: #ffffff !important;      
   }

/* Adressfeld und Suchfeld in weiß */
   #urlbar,
   #urlbar *,
   #searchbar,
   #searchbar *
   {
    background-color: #ffffff !important;
    color: #000000 !important;
   }

/* Rahmen von Adressfeld und Suchfeld transparent */
   #urlbar-container {
    --toolbar-field-focus-border-color: transparent !important;
   }
   #search-container {
    --toolbar-field-focus-border-color: transparent !important;
   }   

/* Tab-Schließen-Button weniger Abstand, etwas größer */
   #TabsToolbar .tab-close-button {
   margin-right: -2px !important;
   padding: 0 !important;
   height: 15px !important;
   width: 15px !important;
   color: #000000 !important;
   }

/* Tab-Schließen-Button immer sichtbar */
   .tab-close-button {
   display: flex !important;
   }

/* Anwendungsmenü Zeilenabstände */
   #appMenu-popup .subviewbutton {padding-top: 0px !important;
   }

/* Kontextmenü Zeilenabstände*/
   menupopup > menuitem,
   menupopup > menu 
        {
    padding-block: 2px !important;
    padding-inline-start: 14px !important;
	}

/* Lesezeichen - Ordnericon gelb */
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
    .bookmark-item[container="true"] {
        list-style-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0IxNUY5NjNFRkY0MTFFN0EwMjNCOEY1NDJGNTM0MUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0IxNUY5NjRFRkY0MTFFN0EwMjNCOEY1NDJGNTM0MUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjE1Rjk2MUVGRjQxMUU3QTAyM0I4RjU0MkY1MzQxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjE1Rjk2MkVGRjQxMUU3QTAyM0I4RjU0MkY1MzQxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpiI9NIAAAHKSURBVHjalFJNaxRBEH3VXT07u2MkKgREb4GA4CUQz8EfIAS95u7JS075CQEFvebsISd/gH8gCkogHuIxEAj5IAkJuonZzUz7umZ21w0k4DA1XTP95tWr1yU/P79c6vfKRecchMEbAs8cyO5MfQohfHw8934HN1z6++R48enzN0z5h0s/Bouzgy2c7X551Qt3J7i5fBOBfFub35iZfYbyzw7E53CaQ7QD7Uzj9LiLi6NNmKwEFqkjlVNh6KqO88WGFqj6e5i8X+DBoxcEtuvPLCA+o8IWizzE/ubb13req7Cx/tX690GRvFD1yLMMGhL/d6j37E6RtQtiJpB17lFCYZU0p5TZhQ+IZTeVIBGDK8ty1Xp12rTAle7avlxi/8c72M7F3pp54HyS1jYPnBZwgcFcQmEEPu15tqPEhSdUGKDjDojJMsskDnweptFUpESGXrnxM4kjK5tHrDkt5BqOp3CN4D+v5Nc4QUxnPDhKaeTHW0lGBI2+Gi/DkRh0ExtQ/Aecnupc/eLzaTocbEhsGjk0kIqiWiRtvC4Z1RX65SFxXZsdPT08WNnd3l6OVWXDEmOFVoejnAUzqZW3bcBGfY+qX57/Wv0rwAApZm2AlTI82wAAAABJRU5ErkJggg==')
        !important;
        -moz-image-region: rect(0px 16px 16px 0px) !important; }
}  

}

/*Hamburgermenü eigene Icons*/
/* Icon Abstand + Farbe weiß/schwarz je nach Theme */
#appMenu-multiView .subviewbutton > .toolbarbutton-icon {
    margin-inline: 0 6px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }

/*Sync*/
#appMenu-fxa-status2::before {
    margin-right: 6px !important; 
    margin-left: -5px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-image: url("chrome://browser/skin/fxa/avatar-empty.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    background-size: 15px 15px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }

/* Neuer Tab */
#appMenu-new-tab-button2 {
    list-style-image: url("chrome://browser/skin/sidebar-collapsed.svg");
    }

/* Neues Fenster */
#appMenu-new-window-button2 {
    list-style-image: url("chrome://browser/skin/window.svg");
    }

/* Neues privates Fenster */
#appMenu-new-private-window-button2 {
    list-style-image: url("chrome://browser/skin/tab.svg");
    }

/* Lesezeichen */
#appMenu-bookmarks-button {
    list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
    }

/* Chronik */
#appMenu-history-button {
    list-style-image: url("chrome://browser/skin/history.svg");
    }

/* Download */
#appMenu-downloads-button {
    list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
    }

/* Passwörter */
#appMenu-passwords-button {
    list-style-image: url("chrome://browser/skin/login.svg");
    }

/* Add-ons und Themes */
#appMenu-extensions-themes-button {
    list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
    }

/* Drucken */
#appMenu-print-button2 {
    list-style-image: url("chrome://global/skin/icons/print.svg"); 
    } 

/* Seite speichern unter */
#appMenu-save-file-button2 {
    list-style-image: url("chrome://browser/skin/import.svg");
    }
    
#appMenu-save-file-button2 image {
    transform:rotate(90deg)!important;
    }
    
/*Seite übersetzen*/
#appMenu-translate-button {
    list-style-image: url(chrome://browser/skin/translations.svg) !important;    
    }

/*In Seite suchen*/
#appMenu-find-button2 {
    list-style-image: url("chrome://global/skin/icons/search-glass.svg");
    }

/* Zoom */
#appMenu-zoom-controls > label {
    padding-bottom: 27px !important;
    padding-left: 22px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 16px !important;
    background-image: url("chrome://browser/skin/fullscreen.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 4px !important;
    background-size: 15px 21px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }
    
#appMenu-zoom-controls > label:hover {
    background-color: green !important;
    border-radius: 8px !important;
    }

/* Vollbild */
#appMenu-fullscreen-button2::before {
    content: "Vollbild" !important;
    color: unset !important;
    font-size: 14px !important;
    margin-right: 9px !important;
    }

/* Hintergrund bei hover über Sync + Zoom */
panelmultiview .toolbaritem-combined-buttons:hover {
    background-color: #52525e !important; /*Dark Theme*/
    /* background-color: rgba(207,207,216,.66) !important; */ /*Hell Theme*/
    border-radius: 5px !important;
    }

/*Einstellungen */
#appMenu-settings-button {
    list-style-image: url("chrome://global/skin/icons/settings.svg");
    }

/*Weitere Werkzeuge */
#appMenu-more-button2 {
    list-style-image: url(chrome://browser/skin/permissions.svg);
    }

/* Hilfe */
#appMenu-help-button2 {
    list-style-image: url("chrome://global/skin/icons/help.svg");
    }

/* Beenden */
#appMenu-quit-button2 {
    list-style-image: url("chrome://global/skin/icons/close.svg");
    }

Alles anzeigen

Mira_Belle

Mir ist nichts Besonderes aufgefallen.

Habe mir aber mal erlaubt, kleine Ungereimtheiten zu korrigieren.

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {

   #TabsToolbar { -moz-box-ordinal-group: 2;
   }

   #nav-bar{ border-top-width: 0px !important;
   }

    /* Menüleiste und Tabs Farbe */
   #toolbar-menubar, #menubar-items, #main-menubar 
      {
   color: #000000 !important;
   background-color: #cccccc !important;
   } 

    /* Hintergrundfarbe inaktives Tab */  
   .tab-background {background: #cccccc !important;
   }

    /* Hintergrundfarbe aktives Tab */
   .tab-background[selected]{background-color:#ffffff !important;
   }

    /* Inaktiver Tab Hover Farbe Weiß */
   .tabbrowser-tab:not([visuallyselected]):hover > .tab-stack > .tab-background {
   background: #ffffff !important;      
   }

    /* Adressfeld und Suchfeld in weiß */
   #urlbar,
   #urlbar *,
   #searchbar,
   #searchbar *
   {
    background-color: #ffffff !important;
    color: #000000 !important;
   }

    /* Rahmen von Adressfeld und Suchfeld transparent */
   #urlbar-container {
    --toolbar-field-focus-border-color: transparent !important;
   }
   #search-container {
    --toolbar-field-focus-border-color: transparent !important;
   }   

    /* Tab-Schließen-Button weniger Abstand, etwas größer */
   #TabsToolbar .tab-close-button {
   margin-right: -2px !important;
   padding: 0 !important;
   height: 15px !important;
   width: 15px !important;
   color: #000000 !important;
   }

    /* Tab-Schließen-Button immer sichtbar */
   .tab-close-button {
   display: flex !important;
   }

    /* Anwendungsmenü Zeilenabstände */
   #appMenu-popup .subviewbutton {padding-top: 0px !important;
   }

    /* Kontextmenü Zeilenabstände*/
   menupopup > menuitem,
   menupopup > menu 
        {
    padding-block: 2px !important;
    padding-inline-start: 14px !important;
	}

    /* Lesezeichen - Ordnericon gelb */
        .bookmark-item[container="true"] {
            list-style-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0IxNUY5NjNFRkY0MTFFN0EwMjNCOEY1NDJGNTM0MUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0IxNUY5NjRFRkY0MTFFN0EwMjNCOEY1NDJGNTM0MUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjE1Rjk2MUVGRjQxMUU3QTAyM0I4RjU0MkY1MzQxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjE1Rjk2MkVGRjQxMUU3QTAyM0I4RjU0MkY1MzQxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpiI9NIAAAHKSURBVHjalFJNaxRBEH3VXT07u2MkKgREb4GA4CUQz8EfIAS95u7JS075CQEFvebsISd/gH8gCkogHuIxEAj5IAkJuonZzUz7umZ21w0k4DA1XTP95tWr1yU/P79c6vfKRecchMEbAs8cyO5MfQohfHw8934HN1z6++R48enzN0z5h0s/Bouzgy2c7X551Qt3J7i5fBOBfFub35iZfYbyzw7E53CaQ7QD7Uzj9LiLi6NNmKwEFqkjlVNh6KqO88WGFqj6e5i8X+DBoxcEtuvPLCA+o8IWizzE/ubb13req7Cx/tX690GRvFD1yLMMGhL/d6j37E6RtQtiJpB17lFCYZU0p5TZhQ+IZTeVIBGDK8ty1Xp12rTAle7avlxi/8c72M7F3pp54HyS1jYPnBZwgcFcQmEEPu15tqPEhSdUGKDjDojJMsskDnweptFUpESGXrnxM4kjK5tHrDkt5BqOp3CN4D+v5Nc4QUxnPDhKaeTHW0lGBI2+Gi/DkRh0ExtQ/Aecnupc/eLzaTocbEhsGjk0kIqiWiRtvC4Z1RX65SFxXZsdPT08WNnd3l6OVWXDEmOFVoejnAUzqZW3bcBGfY+qX57/Wv0rwAApZm2AlTI82wAAAABJRU5ErkJggg==')
            !important;
            -moz-image-region: rect(0px 16px 16px 0px) !important; 
        }


/*Hamburgermenü eigene Icons*/
/* Icon Abstand + Farbe weiß/schwarz je nach Theme */
#appMenu-multiView .subviewbutton > .toolbarbutton-icon {
    margin-inline: 0 6px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }

/*Sync*/
#appMenu-fxa-status2::before {
    margin-right: 6px !important; 
    margin-left: -5px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-image: url("chrome://browser/skin/fxa/avatar-empty.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    background-size: 15px 15px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }

/* Neuer Tab */
#appMenu-new-tab-button2 {
    list-style-image: url("chrome://browser/skin/sidebar-collapsed.svg");
    }

/* Neues Fenster */
#appMenu-new-window-button2 {
    list-style-image: url("chrome://browser/skin/window.svg");
    }

/* Neues privates Fenster */
#appMenu-new-private-window-button2 {
    list-style-image: url("chrome://browser/skin/tab.svg");
    }

/* Lesezeichen */
#appMenu-bookmarks-button {
    list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
    }

/* Chronik */
#appMenu-history-button {
    list-style-image: url("chrome://browser/skin/history.svg");
    }

/* Download */
#appMenu-downloads-button {
    list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
    }

/* Passwörter */
#appMenu-passwords-button {
    list-style-image: url("chrome://browser/skin/login.svg");
    }

/* Add-ons und Themes */
#appMenu-extensions-themes-button {
    list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
    }

/* Drucken */
#appMenu-print-button2 {
    list-style-image: url("chrome://global/skin/icons/print.svg"); 
    } 

/* Seite speichern unter */
#appMenu-save-file-button2 {
    list-style-image: url("chrome://browser/skin/import.svg");
    }
    
#appMenu-save-file-button2 image {
    transform:rotate(90deg)!important;
    }
    
/*Seite übersetzen*/
#appMenu-translate-button {
    list-style-image: url(chrome://browser/skin/translations.svg) !important;    
    }

/*In Seite suchen*/
#appMenu-find-button2 {
    list-style-image: url("chrome://global/skin/icons/search-glass.svg");
    }

/* Zoom */
#appMenu-zoom-controls > label {
    padding-bottom: 27px !important;
    padding-left: 22px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 16px !important;
    background-image: url("chrome://browser/skin/fullscreen.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 4px !important;
    background-size: 15px 21px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }
    
#appMenu-zoom-controls > label:hover {
    background-color: green !important;
    border-radius: 8px !important;
    }

/* Vollbild */
#appMenu-fullscreen-button2::before {
    content: "Vollbild" !important;
    color: unset !important;
    font-size: 14px !important;
    margin-right: 9px !important;
    }

/* Hintergrund bei hover über Sync + Zoom */
panelmultiview .toolbaritem-combined-buttons:hover {
    background-color: #52525e !important; /*Dark Theme*/
    /* background-color: rgba(207,207,216,.66) !important; */ /*Hell Theme*/
    border-radius: 5px !important;
    }

/*Einstellungen */
#appMenu-settings-button {
    list-style-image: url("chrome://global/skin/icons/settings.svg");
    }

/*Weitere Werkzeuge */
#appMenu-more-button2 {
    list-style-image: url(chrome://browser/skin/permissions.svg);
    }

/* Hilfe */
#appMenu-help-button2 {
    list-style-image: url("chrome://global/skin/icons/help.svg");
    }

/* Beenden */
#appMenu-quit-button2 {
    list-style-image: url("chrome://global/skin/icons/close.svg");
    }

}

Alles anzeigen

sansnom

da ich auch eine umfangreiche "userchrome.css" habe, hatte ich im Vorfeld diese mittels einer portablen Firefox 157 Version quasi vorgetestet. Eine portable Version ist ja in sich geschlossen in einem Ordner und du kannst damit anstellen was du möchtest ohne dass es Auswirkung auf deine Hauptversion hat. Das Profil ist auch mit in diesem Ordner.......

Neuer Firefox 157 Nova - alte userChrome.css

Ähnliche Themen

Das Security-Märchen

Nova Anpassungen

Große Vorschau auf das neue Nova-Design von Firefox 157

Multi Tab Rows (MultiTabRows@Merci.chao.uc.js) | Mehrzeilige Tableiste