ich hätte gern eine Farbdarstellung in Notepad++. Also eine Darstellung von unterschiedlichen Syntax-Elementen in unterschiedlichen Farben. Sowas habe ich in meinem jetzigen Editor HTML-Kit für CSS und ähnlich für HTML oder XML:
Das Standard-Farbschema unter Sprachen --> C --> CSS reicht dir nicht?
So, habe ein bisschen experimentiert. Das Bildschirmfoto basiert auf Beitrag #39 mit folgenden Änderungen:
#nav-bar {
height: 32px !important;
}
#nav-bar .chromeclass-toolbar-additional .toolbarbutton-icon
{
-moz-appearance: none !important;
background-position: center center !important;
}Bei #nav-bar habe ich min-height und max-height zu height zusammengefasst, da beide Werte gleich sind. Height habe ich auf 32px gesetzt. Außerdem habe ich margin-top entfernt.
Bei der zweiten Regel habe ich transform und margin-top entfernt. Stattdessen habe ich -moz-appearance und background-position eingefügt. -moz-appearance bewirkte, dass alle Symbole die gleiche Höhe haben, für background-position habe ich beide Werte auf center gesetzt, d. h. die Symbole sind nun waagerecht und senkrecht zentriert.
Das Ganze sieht mit dem dunklen Thema so in der Beta aus:
Habe gerade gesehen, durch das Entfernen von margin-top aus #navbar ist eine Lücke zwischen Tab und Navigationsleiste entstanden. Hm.
So sieht der Code von Beitrag #39 bei mir in der Beta aus:
Stimmt. Es könnte aber auch sein, dass die Höhe für die Nav-Bar so klein ist, dass die Url-Bar abgeschnitten wird und es deswegen so aussieht, als wären die Icons zu hoch angeordnet. Also müsste man entweder die Url-Bar verkleinern oder die Nav-Bar vergrößern.
Probiere doch mal die Eigenschaft background-position - da kannst du die Symbole vertikal und horizontal pixelgenau positionieren. Den Selektor herauszufinden überlasse ich jetzt mal dir. 
Ich hätte eine große Bitte an euch: Könntet ihr den Code aus #24 bei euch mal testen (egal ob FF76, FF77 oder FF78)?
So sieht das bei mir in Fx 76.0.1 mit einem neuen Profil aus, mit dem dunklen Theme. In dem Profil ist nur der Code aus Beitrag #24 drin.
developer
Was verstehst du unter Developer? Es gibt eine Developer-Version, die ist aber im Grunde identisch mit der Beta. Oder meinst du das Nightly?
Beim sauberen Profil hatte ich Verdana mit der Größe 17 eingestellt.
Du hattest doch zuletzt schon ein Problem mit der Schriftgröße 17. Aber auch mit der Schriftgröße 17 habe ich kein Problem.
Also dein Code aus Beitrag #39 stimmt aber nicht mit dem von BrokenHeart aus Beitrag #24 überein. Den oberen Abstand von -8px hast du zusätzlich zum Selektor #nav-bar hinzugefügt. Das verschiebt natürlich die ganze Navigationsleiste.
Bei der Beta habe ich 2 verschiedene Profile. Und beim 2. Profil der beta geht es, beim anderen profil der beta nicht und bei der developer-edition auch nicht.
Du hast bei allen verwendeten Profilen immer die Einstellung toolkit.legacyUserProfileCustomizations.stylesheets auf true gesetzt? Das musst du für jedes Profil machen. Einfach die userChrome.css kopieren reicht nicht.
Ich habe nur das Webseiten-Zeugs gelesen und dann gedacht, ist nicht das, was ich will.
Bequemlichkeit führt oft nicht zum Ziel. 
Leider ist es in Forumsbeiträgen nicht möglich, Inhaltsverzeichnisse anzulegen.
Mal eine Zwischenfrage: Wie findest du heraus, wie die Bezeichnungen für die jeweiligen Symbole, Leisten usw. sind? Wie kriegst du da die Namen heraus?
Hier kannst du dich umfassend belesen:
Anleitung zur Nutzung des Inspektors und der Stilbearbeitung aus den Entwicklerwerkzeugen
Ich möchte auf ein Linux OS wechseln leider gibt es genug Software die es nur für Win7 gibt.
Warum nicht auf Win 10?
Und wenn es doch Linux sein soll, es gibt genug geeignete Software für Linux und - es gibt genug Software, die es sowohl für Windows als auch für Linux gibt, z. B. Firefox.
Diesen code habe ich momentan gerade drinn (das ist der von der Frage, nur anstatt # ein Punkt.
Schau mal genau hin: Es heißt .tabbrowser-tab aber #tabbrowser-tabs.
Also bei mir funktioniert es:
Bei mir auch.
2002Andreas Im neuen Profil getestet? An die Einstellung in about:config gedacht?
sotnu Hast du beide Codes in ein- und derselben userChrome.css? Wenn ja, den zweiten Code von Reddit herauslöschen, da sich ansonsten beide Codes in die Quere kommen.
Wenn ihr ja sagt, es liegt daran, dass oben etwas definiert ist, was unten nicht vorkommt, dann sollten doch wenigstens die anderen beiden funktionieren, wenn ich --min-tab-heigth lösche ?
Die beiden anderen funktionieren auch sicher. Woran machst du fest, dass sie nicht funktionieren? Die unter :root definierte Variable --tab-min-height legt für die Tabs eine Mindesthöhe von 0 Pixeln fest. Das heißt sie wären de facto nur ein horizontaler Strich, wenn überhaupt. Wenn du sie löschst wird sich nichts verändern, da sie vorher ja nicht wirkte.
Und ich verstehe auch nicht ganz, was der Unterschied zwischen :root und "im Code" ist. Das ganze ist doch der Code ?
Gut, etwas unglücklich ausgedrückt. Aber diese Variablen (CSS-Varbiablen beginnen immer mit zwei Bindestrichen --) werden mit dem Selektor :root nur definiert, sie müssen dann auch im nachfolgenden Code verwendet werden, um wirksam zu werden. Verwendet werden dann nur --height und --right-end, nicht aber --tab-min-height.
Unter :root werden drei Variablen deklariert, aber nur zwei von ihnen erscheinen dann im Code, werden also angewandt. Die dritte, --tab-min-height, jedoch nicht.
Gern geschehen.
HIer die CSS vollständig: userChrome-light-css.txt . Was habe ich evtl. übersehen?
Erstens: Diese Textdatei ist in ANSI kodiert und nicht, wie erforderlich, in UTF-8.
Zweitens: Die Zeilen ab Zeile 230 sind außerhalb der @-moz-document-Regel von Zeile 193. Die zugehörige schließende Klammer sollte ganz am Ende stehen, sie steht aber schon in Zeile 228.
Kommt schon mal vor, dass man sich vertabbelt.
