Firefox - Privaten Modus deutlicher hervorheben

So sieht dieses Symbol für den Privaten Modus aus:



Privaten Modus deutlicher hervorheben

Wie man ansonsten feststellt, gibt es keinerlei weiteren Hinweis, wenn man sich im privaten Modus befindet.


Hier habe ich mal die Browseransicht im privaten Modus direkt unter den normalen Modus gelegt.



Wem dieser Hinweis nun zu klein sein sollte, der kann das mit einem CSS Code nach seinen Wünschen verändern.


Bis zur Firefox Version 56 war es möglich, solche Änderungen durch diverse Erweiterungen zu erreichen.


Das eine oder andere ist seit der Firefox Version 57 nicht mehr möglich, da Mozilla dafür (zumindest noch) keine Schnittstelle mehr zur Verfügung stellt.


Aus diesem Grund muss man jetzt optischen Änderung am Firefox mit einer userContent.css bzw. einer userChrome.css Datei erstellen.


Dazu bedarf es allerdings erst einer kleineren Vorbereitung, die ich hier schon mal erklärt hatte.


userChrome.css und userContent.css erstellen


Und hier mal eine Erklärung wie man das mit dem CSS - Code dann machen muss.


Als erstes gehen wir dazu in den Profilordner vom Firefox, und öffnen dort den selber angelegten Ordner chrome.


Dann im Ordner chrome die userChrome.css Datei öffnen.


In diese Datei tragen wir nun folgenden CSS Code ein:


(Dazu am besten den Text kopieren, und in die userChrome.css wieder einfügen)


Hinweis:

Die angegebenen Werte, bzw. der Text, können beliebig angepasst werden.


Möchte man den zusätzlichen Text vor dem Icon nicht nutzen, dann den Teil vom Code einfach löschen.


Und so sieht der Code dann in der userChrome.css Datei aus:




Damit man später noch genau weiß was der jeweilige CSS Code bedeutet, sollte man sich über dem CSS - Code einen aussagekräftigen Hinweis erstellen.


Dazu schreibt man vor dem Text erst einen Slash und einen Stern /* dann die Beschreibung der Funktion…und als Abschluss schreibt man diesmal erst den Stern und dann das Slashzeichen */


Die Zeichen vorher und nachher bedeuten, dass der Text auskommentiert ist, und somit keinen Einfluss auf den CSS Code bzw. seine Funktion hat.

Privaten Modus deutlicher hervorheben

Dann die userChrome.css Datei schließen und speichern, und den Firefox neu starten, damit die Änderung wirksam wird.


Wenn man jetzt einen Link im privaten Modus startet, oder ein privates Fenster öffnet, dann kann man das sofort an der Tabfarbe und dem Text rechts vor dem Icon erkennen.


Und hier noch mal der Vergleich mit dem normalen und dem privaten Modus:



Wie man sieht, ist der Unterschied jetzt wesentlich besser zu erkennen.


Möchte man eines Tages diese Änderung nicht mehr nutzen, dann reicht es aus, den CSS Code in der userChrome.css wieder zu löschen.


Danach noch einen Neustart vom Browser machen, und der private Modus wird wieder standardmäßig nur durch das Icon angezeigt.


Hinweis:

Hier hatte ich mal beschrieben, was man alternativ zur userChrome.css Datei am besten machen sollte:


userChrome.css aufräumen


Vorteil dadurch, es ist alles viel übersichtlicher, und man findet schneller mal etwas wieder.


Dieser Tipp kann bzw. sollte auch auf die Datei userContent.css angewandt werden.


(Diese Datei wird für optische Änderungen an Webseiten, bzw. allen Firefox Seiten die mit about beginnen benötigt)