Ab Firefox 57 ist ja der Classic theme restorer nicht mehr zu gebrauchen. Vernünftige Alternative gibts ja glaub ich nicht.
Ist das was mit css möglich da annähernd wieder hinzukommen zum alten Design. Hier im Forum steht ja so viel, unmöglich alles zu lesen 
danke...
Vieles kann man auch im Fx 57 ändern.
Dazu solltest du dich erstmal etwas im Unterforum Anpassungen umsehen, denn für viele Fragen wurden da schon Lösungen gepostet.
Ansonsten musst du mal genauer beschreiben was du geändert haben möchtest.
PS:
Ich verschiebe diesen Thread mal in das andere Unterforum.
Kannst dir das ja mal ansehen, evtl. hilft es dir weiter.
Hier:
https://github.com/Aris-t2/CustomCSSforFx
findest du einige css Dateien die von dem Autor Aris von CTR sind.
Evtl. ist da ja auch was dabei.
z.B. die Symbole oben wieder quadratisch.
Meinst Du das so:
[attachment=0]symb.png[/attachment]
Wenn Ja: Anpassen - Dichte (am unteren Seitenrand) - Kompakt
Möchtest du auch noch einen eckigen Hintergrund für die Icons?
Wenn ja geht das mit einem css Code vom Autor Aris.
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris (aris-addons@gmx.net)*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
/****************************
******* BUTTONS *************
****************************/
/*******************************************/
/* Classic Button ui on navigation toolbar */
/*******************************************/
/* main menu button adjustment */
#PanelUI-button {
margin-inline-start: 0px !important;
border-inline-start: 0px solid !important;
border-image-slice: 0 !important;
padding-left: 2px !important;
padding-right: 2px !important;
}
#PanelUI-menu-button {
-moz-appearance: unset !important;
background: unset !important;
box-shadow: unset !important;
border-image: unset !important;
border: unset !important;
padding: unset !important;
margin: unset !important;
min-width: unset !important;
width: unset !important;
max-width: unset !important;
min-height: unset !important;
height: unset !important;
max-height: unset !important;
}
/* back button adjustment */
#nav-bar #back-button .toolbarbutton-icon {
border: 0 !important;
}
/* adjust zoom reset and copy buttons position */
#nav-bar :-moz-any(#copy-button,#zoom-reset-button) {
-moz-margin-start: -1px !important;
-moz-margin-end: -1px !important;
}
#nav-bar :-moz-any(#edit-controls, #zoom-controls) separator {
visibility: collapse !important;
}
/* classic button style */
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar toolbarbutton[type="menu-button"] .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
background: rgba(151,152,153,.05) linear-gradient(rgba(251,252,253,.95), rgba(246,247,248,.47) 49%,
rgba(231,232,233,.45) 51%, rgba(225,226,229,.3)) !important;
border-color: rgba(0,0,0,.12) rgba(0,0,0,.19) rgba(0,0,0,.38) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
0 0 0 2px rgba(255,255,255,.1) inset,
0 0 0 1px rgba(0,0,0,.4) inset !important;
}
#nav-bar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
background-color: hsla(190,60%,70%,.5) !important;
border-color: hsla(190,50%,65%,.8) hsla(190,50%,50%,.8) hsla(190,50%,40%,.8) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
0 0 0 1.5px rgba(255,255,255,.1) inset,
0 0 3.5px hsl(190,90%,80%),
0 0 0 1px rgba(0,0,0,.4) inset !important;
transition: background-color .3s ease-in,
border-color .2s ease-in,
box-shadow .2s ease-in !important;
}
#nav-bar toolbarbutton[type="menu"][open]:not([disabled]) .toolbarbutton-icon,
#nav-bar toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):active .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active,:active, [open]) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack {
background-color: transparent !important;
border-color: rgba(0,0,0,.65) rgba(0,0,0,.55) rgba(0,0,0,.5) !important;
box-shadow: 0 0 6.5px rgba(0,0,0,.4) inset,
0 0 2px rgba(0,0,0,.4) inset,
0 1px 0 rgba(255,255,255,.4),
0 0 0 1px rgba(0,0,0,.4) inset !important;
}
#nav-bar toolbarbutton[disabled=true] > .toolbarbutton-icon {
opacity: .6 !important;
}
#nav-bar toolbarbutton[disabled=true]{
opacity: 1.0 !important;
}Einzutragen in die userChrome.css
Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userChrome.css
Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.
Dann schließt du die Datei und speicherst sie als userChrome.css ab.
Danach mußt du den Firefox neu starten.
PS:
Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.
Um das einzustellen geht man im Windows Explorer (wenn man einen Ordner offen hat) links oben auf
"Organisieren" -> "Ordner und Suchoptionen" -> "Ansicht"
und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"
Möchtest du auch noch einen eckigen Hintergrund für die Icons?
Sehr gut, danke... langsam wirds
...
Wie schon gesagt, vieles lässt sich auch jetzt noch anpassen, wenn auch auf anderem Weg als mit einer Erweiterung.
Ja, aber hab von css genau so viel Ahnung wie 'ne Kuh vom Eier legen
...
Dafür sind wir ja hier um in so einem Fall zu helfen. :wink:
Und keine Angst, das sieht nur kompliziert auch...nur Mut :klasse: