.DeJaVu :
Danke für den Hinweis; simpel und einfach - hab das AddOn mal in eine Testphase genommen 
Beiträge von harff182
-
-
Msfreak :
Danke für den Hinweis, hab das AddOn mal in eine Testphase genommen -
Dharkness:
Danke, paßt, wackelt nicht und sieht gut aus 
Ich hab mal 'n bischen rumgespielt und mich mit mir auf 6px geeinigt...
2002Andreas : auch für Dich ein Danke und ein
Da hab ich wohl zuviel Kommentare gelöscht, als ich mit FF89 alle .css mal durchgecheckt habe
-
Momentan sieht das bei mir so aus:
Im aktiven (gelben) TAB ist alles (FavIcon, Text, Schließ-Button) für mein Empfinden etwas zu niedrig.
Ich benutze diesen Code:
CSS
Alles anzeigen/********** Tab-Aussehen verändern *********************/ /* 210612: FF89neu 210616: einige Anpassungen/Zusätze bei 2002Andreas abgeguckt: https://www.camp-firefox.de/forum/thema/132802 210616: Problem_1-Nachfrage: https://www.camp-firefox.de/forum/thema/132849 */ /*Tab Inhalt Abstände*/ :root { --proton-tab-radius: 0px !important; --proton-tab-block-margin: 0px !important; --inline-tab-padding: 10px !important; } #toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background { border:none!important;} /* TAB normal (inaktiv): *********************** * Hintergrund, Schrift, Rahmen */ #TabsToolbar .tabbrowser-tab { color: black !important; border: 2px solid !important; border-bottom: 1px solid black!important; background: white !important; /* weiß für inaktive Tabs*/ border-radius: 10px 10px 0 0 !important; /*alle 0 für bigzorro*/ margin: 5px 1px 0px 0px !important; padding: -10px 0 !important; /*war mal 2px 0*/ } /* TAB bei bei angewähltem TAB (aktiv): ************************************** * Hintergrund, Rahmen, Schrift. */ #TabsToolbar .tabbrowser-tab[selected="true"] { color: black ! important; border: 3px solid !important; border-radius: 20px 20px 20px 20px !important; background: yellow !important; font-weight:bold !important; } /*.DejaVu hat in #8 das "Problem_1" links und rechts im aktiven Tab augenscheinlich gelöst */ #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background { box-shadow: none !important; } /* Tab-Icon: * ********* * etwas größer, links weniger, unten etwas mehr Abstand zum TAB-Rand. */ #TabsToolbar .tab-icon-image { height: 18px !important; width: 18px !important; margin-left: -2px !important; margin-bottom: 2px !important; } /* Tab-Schließen-Button: *********************** * Rechts weniger Abstand zum TAB-Rand, etwas größer, * Textfarbe (Kreuz) * an den Eckenradius des Buttons angepaßt. * bei angewähltem TAB (aktiv): Hintergrundfarbe. */ #TabsToolbar .tab-close-button[selected="true"] { margin-right: 2px !important; padding: 0 !important; color: black !important; height: 20px !important; width: 20px !important; border-radius: 5px !important; background-color: red !important; } /* Alle Elemente in der TABsToolbar ohne Hintergrund/Veränderung beim hovern. Dat klappt wohl so: */ #TabsToolbar * { background: none !important; } /*Alle Tabs ausgewählt => alle grün*/ #main-window .tab-background[multiselected] { background: chartreuse !important; } /*Lautsprecher Symbol vergrössern*/ .tab-icon-overlay { top: 2px !important; fill: red !important; transform: scale(1.5, 1.5) !important; }Ich hab mal mit padding etwas rumgespielt, schaffe es aber nicht, den ganzen TAB-Inhalt 3-5 Pixel nach oben zu verschieben
Hilfreiche Ideen würden mich glücklich machen
-
Ich hatte den Fox nun eine Weile ganz ohne diese freie Stelle benutzt, aber jetzt möchte ich sie doch wiederhaben. Allerdings dann kleiner, vielleicht etwa nur ein Drittel so breit.
So?
CSS#TabsToolbar toolbarspring { background: red !important; max-width: 5px !important; min-width: 5px !important; }background anpassen oder die Zeile löschen, dient mir hier nur zur Visualisierung.
5px auf gewünschte Breite ändern.
-
Ich hab mir das eben auch im EFB gekrallt und gehofft, daß mir das auf einer anderen Site (EDF) eventuell hilft.
Satz mit "X"
Mußte wohl für die von Dir favoritisierten Sites einzeln über die UserContent.CSS aktivieren....
-
In Deiner userChrome.css scheinen mir die Zeilen 94+95 nicht ganz koscher - zumindest fehlt da irgendwie eine schließende Klammer.
Und der Beginn /* TABS: height */*|*:root { sieht auch irgendwie komisch aus...
-
Ich mag keine runden Ecken bei Tabs aber damit könnte ich noch leben.
Wäre das für Dich eckig genug:
Ich hab zwar wenig CSS-Ahnung, hätte aber einen Code-Schnipsel mit dem Du rumspielen könntest:
CSS
Alles anzeigen/* TAB normal (inaktiv): *********************** * Hintergrundfarbe, Schriftfarbe, * Rahmen um die TABs, oben abgerundet und Abstände angepaßt, */ #TabsToolbar .tabbrowser-tab { color: black !important; border: 2px solid !important; border-bottom: 1px solid black!important; background: white !important; /* weiß für inaktive Tabs*/ border-radius: 10px 10px 0 0 !important; /*alle 0 für bigzorro*/ margin: 5px 1px 0px 0px !important; padding: -10px 0 !important; /*war mal 2px 0*/ } /* TAB bei bei angewähltem TAB (aktiv): ************************************** * Hintergrund, Rahmen, Schrift. */ #TabsToolbar .tabbrowser-tab[selected="true"] { color: black ! important; border: 3px solid !important; border-radius: 20px 20px 20px 20px !important; background: yellow !important; font-weight:bold !important; } -
Alles gut...
Ich hatte doch nur kurz mit dem Code aus #6 getestet, nur um mal zu gucken...
Bei mir werkelt jetzt der Code aus #15 problemlos und ich bin noch Farb-Kombis am ausprobieren...
-
Die Lücken hab ich mit dem Code aus #6 auch
gabinski :
Teste mal den:
CSS
Alles anzeigen/* Hintergrundfarbe/Separatoren für alle Popup-Fenster ändern 210810: grisu + andy: https://www.camp-firefox.de/forum/thema/133146 */ .menupopup-arrowscrollbox { background-color: blanchedalmond !important; } menuseparator { margin-top: 2px !important; /*Abstand nach oben*/ margin-left: 2px !important; /*Abstand nach von links*/ margin-right: 2px !important; /*Abstand nach von rechts*/ min-height: 3px !important; max-height: 3px !important; background: black !important; } -
Yepp, Danke, genau das, was ich morgen zum rumspielen benutzen kann.
gabinski :
Ich hoffe, Du fühlst Dich nicht gekapert und kannst einige Lösungen für Dich nutzen :daumendrück:
in diesem Sinne:
guuts nächtle.... -
Kannst du das etwas genauer aufdröseln?
Nuja, in alle PopUps/Menüs/KontextMenüs sind die Einträge doch oft durch waagerechte Separatoren getrennt.
Wegen meiner Farbschwäche kann ich deren Originalfarbe nur auf Weiß
ersehen"ertragen".Wäre schön, wenn ich die Schwarz und 2px dick machen könnte.
-
grisu2099 :
Danke, schon gegrapscht In diesem Zusamenhang wäre es vielleicht nützlich, wenn man überall dort die Separatoren einfärben und notfalls etwas dicker machen könnte
Gäbe mehr Spielraum für Farb-Experimente
-
Ich will ja nicht den Korinthenkacker geben, aber im Festgetackerten steht momentan:
ZitatNur für die Nutzung von Scripten muss im Installationsordner vom Firefox in der Datei
userChromeJS
die Datei
utilities.js
geändert werden.
"in der Datei" müßte IMHO "im Ordner" sein...
-
Danke, dann bookmark ich den Thread hier und das angetackerte in meinen "91ff"-Ordner.
Have a nice day...
-
Dann hab ich das im angetackerten flasch verstanden :blushing:
Aber ich brauch nicht bis 92 zu warten, sondern kann es schon vorher (90.0.2 oder nächste Woche 91 ) machen?
-
Hab ich das richtig verstanden, daß man die Änderungen nur durchführen muß, wenn UserCSSLoader.uc.js genutzt wird?
-
Ich hab mal diesen Code-Schnipsel von Sören Hentzschel als Grundlage genommen:
CSStoolbarbutton.bookmark-item[label^="Lidl"] { background-image: url('../icons/lidl.jpg') !important; background-repeat: no-repeat !important; background-size: 16px !important; background-position: 4px 2px !important; }Jetzt sehen sich in allen CSS die Icon-Zuweisungen seehr ähnlich, je nach Verwendungszweck.
guuts nächtle -
Ich habe einfach die Lösungen übernommen, die mir hier im Forum mal angeboten wurden - allerdings nicht immer kommentiert woher/von wem die Lösung kam.
Selber hab ich das nicht entwickelt - mir fehlt einfach der Hintergrund...
Aber mit Deinem Hinweis kann ich jetzt schonmal einiges "vereinheitlichen".
-
Die verschiedenen Versionen haben sich in den letzten Jahren hier angesammelt, seit ich mit Hilfe des Forums meinen FF aufhübsche ( jaja, ich weis, hübsch ist Einstein=relativ
). Damals gabs noch ganzviel XUL 
Mir ist dann eben aufgefallen, daß ich mindestens 2 Verschieden Wege benutze.
Und nu habbich noch eine 3. Variante (V3) gefunden:
CSS
Alles anzeigen/* APOD */ .bookmark-item[label="APOD-E"] > image, .bookmark-item[label="APOD-E"] > .menu-iconic-left { display: none!important; } .bookmark-item[label="APOD-E"] { -moz-appearance: none !important; background: url('../icons/apod.png') no-repeat !important; padding-left: 41px !important; background-size: 16px !important; background-position-x: 16px !important; background-position-y: 0.5px !important; }Das gefällt mir so nicht - ich habs gerne vereinheitlicht und richtig, sodaß ich im Bedarfsfall an einem Beispiel Hilfe erfragen und dann auf alle anderen anwenden/umsetzen kann.
Es muß nicht kurz sein, ich hätte am liebsten eine Version, die ich für ALLE Icons, sei es für Ordner, Links oder Files, sei es in der Lesezeichen-Symbolleiste (PersonalToolbar) oder in den dort vorhandenen Ordnern anwenden/nutzen kann - sofern das möglich ist.
