userChrome.css

Hallo Firefox Forum,

bin neu hier, also Gruss an alle Mitglieder und Admins.

Ich versuche meinen Firefox die Farben im Inspector zu ändern, das Pink ist nicht so meins, dazu habe ich im Profile einen chrome ordner angelegt und eine Datei Namens userChrome.css angelegt, leider wird kein Effekt erzielt, mache also scheinbar was falsch.

Kann mir da bitte jemand sagen was ich vergesse, und zum weiteren, wenn ich das hinbekommen habe, gibt es eine Datei wo man die benutzten Selektoren und die Werte dazu findet.

Kann ja Firefox nicht selber mit dem Inspector untersuchen, oder wie macht ihr das.

Achso, ja, bin auf Mojave und Firefox 71.0

Vielen Dank!

Zitronella

Sorry, das habe ich vergessen zu kommunizieren, das habe ich auch schon gemacht, also ich hab ne Anleitung im Netz gefunden, und diese abgearbeitet, aber die Anweisung:

menubar {

background-color: red;

}

wird nicht gezeigt.

Hmm, in meinem aktiven Profil liegt im Rootlevel der Ordner "chrome" darin dann userChrome.css, auf dem Mac in user/ApplicationSupport/Firefox/Profiles/......default-release

Was mach ich falsch

Sören Hentzschel

Super, vielen Dank, schau ich mir gleich an.

ich habe jetzt mit der Browser Toolbox einige Selektoren rausgefunden die ich manipulieren möchte, also eigentlich nur die Farben rosa/hellblau, aber nichts wird geändert, Firefox auch neugestartet aber kein Effekt.

Komisch, steh ich vielleicht wie die Kuh vorm Neuen Tor.

Geht das in MacOS vielleicht gar nicht, wegen der Sicherheitsfeatures? (SIP)

Bin doch sonst nicht so ungeschickt!

@2002Andreas

Yippie, hat einen Effekt, zwar eigenwillig, denn auch meine ganze Symbol - und Menüleiste ist dann rot, bis auf alle Icons, aber auch die Popup Schrift.

Leider keine Schrift innerhalb des Inspectors, da würde ich ja gerne die Farben ändern.

@milupo

Du hast völlig recht, sorry, mache ich ab jetzt.

Hier die Selektoren die ich meinte rausgefunden zu haben, leider ohne jeden Effekt.

.theme-selected ~ .editor,

.theme-selected ~ .editor.comment,

.theme-selected ~ .editor .theme-fg-color1,

.theme-selected ~ .editor .theme-fg-color2,

.theme-selected ~ .editor .theme-fg-color3 {

/* color: var(--theme-selection-color); */

color: red!importend;

}

.theme-fg-color1,

.cm-s-mozilla .cm-attribute,

.cm-s-mozilla .cm-builtin,

.cm-s-mozilla .cm-keyword,

.variables-view-variable > .title > .name {

/* color: var(--theme-highlight-red); */

color: red!important;

}

Ich will eigentlich nur Farben im Inspector ändern, in der Toolbox ging es.

Zitat von grisu2099

Zitat von ghiesz

/* color: var(--theme-selection-color); */

color: red!importend;

}

!important; nicht !importend;

Lach, ja, danke Dir

Zitat von 2002Andreas

Meinst du das so?

Wenn ja, der Code kommt in die userContent.css und nicht userChrome.css Datei.

Super, danke, das Probiere ich gleich aus

Super, jetzt klappt alles, es muss die userContent.css editiert werden.

Ganz lieben Dank an alle, die mir geholfen haben.

Werde jetzt erstmal damit testen um etwas mehr Übung zu bekommen, klappt aber ganz gut.

Bin ja eher aus Not zu Firefox gewechselt, bin Webentwickler und auf TYPO3 spezialisiert und arbeite schon seit Jahren mit Chrome, aber es gibt in der letzten Zeit immer wieder Probleme mit Chrome und dem TYPO3 Backend und jetzt wage ich den Wechsel, ist erstmal ungewohnt, aber Firefox hat sich auch gut weiterentwickelt, nicht mehr so Ressourcen hungrig und echt Pfeilschnell geworden.

Und die meisten AddOns die ich brauche habe ich schon gefunden.

Und ein tolles Forum dazu.