Dunkel violett im privaten Modus entfernen

Max

Hallo zusammen,

ich habe mit folgendem Code in der userContent.css das Aussehen der about:privatebrowsing Seite angepasst, da mir das dunkel violett nicht gefällt.

CSS

 @-moz-document url("about:privatebrowsing") {     
     html.private {
         --in-content-page-color: #15141A !important;
         --in-content-text-color: #15141A !important;
         --in-content-page-background: #F9F9FB !important;
    }
     .wordmark {
         fill: #20123A !important;
    }
     .info {
         background-color: #f3e5f5 !important;
    }
     .search-handoff-button {
         display: none !important;
    }
    
     @media (prefers-color-scheme: dark) {
         html.private {
             --in-content-page-color: #CDCDD4 !important;
             --in-content-text-color: #CDCDD4 !important;
             --in-content-page-background: #2A2A2E !important;
        }
         .wordmark {
             fill: #FFFFFF !important;
        }
         .info {
             background-color: #38383D!important;
        }
         .search-handoff-button {
             display: none !important;
        }
    }
    
     .fake-textbox {
         color: inherit !important;
    }
}

Alles anzeigen

Nur leider ist das violett damit nicht ganz entfernt. Jedes Mal, wenn ich einen neuen privaten Tab öffne, wird ganz kurz die violette Farbe angezeigt. Wenn ich dann in dem neuen Tab das erste Mal eine Seite lade wir vorm Anzeigen der Seite nochmal kurz das violett angezeigt.

Beispiel:

In dem Tab wurde zuvor noch nichts geöffnet, doch bevor YouTube geladen wird, erscheint das violett.

Gibt es eine Möglichkeit das auch anders zu färben?

2002Andreas

Zitat von Max

nochmal kurz das violett angezeigt.

Warum das bei dir so ist kann ich dir nicht sagen.

Hier sieht die Seite so aus mit deinem Code:

An der Farbe änderst sich auch nichts, wenn ich YT oder eine beliebige andere Webseite aufrufe.

.DeJaVu

Nach dem Bild zu urteilen ist da noch mehr CSS vorhanden, es fehlt links Platz. Bitte das vollständige CSS einbringen.

Max

Zitat von 2002Andreas

An der Farbe änderst sich auch nichts

Interessant, so sieht es bei mir nicht aus.

Zitat von .DeJaVu

Bitte das vollständige CSS einbringen.

Mehr als das im Startpost verwende ich nicht.

Dharkness

Hi Max,

das ↓ in die userChrome.css und noch eine für Dich passende Farbe auswählen und es sollte passen.

CSS

:root[privatebrowsingmode="temporary"] {
    --tabpanel-background-color: #2A2A2E !important;
}

P.S.:

Ja, wirklich userChrome.css und nicht userContent.css, selbige ist auch im Ordner chrome anzulegen.

Zitat von .DeJaVu

Nach dem Bild zu urteilen ist da noch mehr CSS vorhanden

Das CSS was da vorhanden sein sollte, wäre aber in der userChrome.css und nicht in der userContent.css und würde sich auf die GUI auswirken und nicht auf die about:privatebrowsing Seite.

.DeJaVu

Dann ist das Bild von dir nicht vollständig. Ohne Menüleiste* ist Links ein Platz, mit Menüleiste nicht (siehe Andreas). Was ist mit dem Youtube-Lesezeichen, steht das da allein oder hast du links was überpinselt?

Der Style funktioniert hier in der userContent.css

PS danke für den Hinweis auf userChrome

* ebenso mit Titelleiste

2002Andreas

Zitat von Dharkness

das ↓ in die

Und was ändert sich dann bei dir

Dharkness

Zitat von 2002Andreas

Und was ändert sich dann bei dir

Ändere den Wert mal zu z.B. #F20, so fällt es deutlich auf, das der Hintergrund beim laden einer Seite in dem Tab kurz Rot ist, beim OP soll natürlich das Lila weg und damit geht es. Sprich Du musst dann eine neue Website in dem Tab öffnen, oder eben in einem neuen Tab.

2002Andreas

Zitat von Dharkness

in dem Tab kurz Rot ist

Sieht hier so aus damit

PS:

Hat sich erledigt, ich weiß was du meintest

Funktioniert einwandfrei damit

Max

Dharkness Vielen Dank! Genau das fehlte noch, damit das violett komplett weg ist.

Habe es nun so umgesetzt:

CSS

:root[privatebrowsingmode="temporary"] {
    --tabpanel-background-color: #F9F9FB !important;
}

@media (prefers-color-scheme: dark) {
    :root[privatebrowsingmode="temporary"] {
        --tabpanel-background-color: #2A2A2E !important;
    }
}

Zitat von .DeJaVu

Was ist mit dem Youtube-Lesezeichen, steht das da allein oder hast du links was überpinselt?

Meine Lesezeichen sind mit flexiblen Leerräumen mittig unterhalb der Adressleiste zentriert. Es geht nur rechts davon weiter.

Dharkness

Zitat von Max

Vielen Dank! Genau das fehlte noch, damit das violett komplett weg ist.

Aber gerne doch und immer wieder gerne.

Zitat von 2002Andreas

Hat sich erledigt, ich weiß was du meintest
Funktioniert einwandfrei damit

So sollte es sein.

angel-ch

Hallo,

Bei mir läuft der CSS-Code leider nicht mit Firefox 91.0.

Ich liebe zwar violett, aber im "Privaten Fenster",

finde ich es nicht passend.

Violett

Sören Hentzschel

Bitte benutze die Funktion "Dateianhänge" für Screenshots. Es sollte nicht notwendig sein, dass man eine in den USA betriebene Website besucht, um Bilder zu sehen, die für dieses Forum relevant sind, zumal diese auf der fremden Seite jederzeit gelöscht werden könnten.

angel-ch

Sören Hentzschel

Sorry, tut mir leid.

Das wusste ich nicht.

Hoffe ich denke nächstes mal dran.

Dunkel violett im privaten Modus entfernen

Ähnliche Themen

Ich kann den privaten Modus nicht abschalten

Autovervollständigung bei Adressleiste für komplette Website