Passwort speichern - Hintergrundfarbe ändern

heiko

Na dann hefte ich mich mal hier mit etwas leichteren dran.
Ich suche den Code für das Fenster, wenn man sich einloggt und Firefox nachfragt, Passwort speichern, nicht speichern und Passwort anzeigen und oben dann Username und Passwort mit den Punkten dargestellt ist.
Dieses Fenster würde ich gern färben und auch die Schriftfarbe ändern. Wenn möglich auch die Textfeldfarbe sowie Schriftfarbe in den Textfeldern.

Besten Dank

Gruß Heiko

Edit von 2002Andreas
Zur Information für Dich:

Zitat

Eröffne bitte immer Deinen eigenen Thread hier im Forum. Auch wenn das in einem Thread geschilderte Problem auf den ersten Blick identisch mit Deinem Problem ist: es gibt immer die eine oder andere Abweichung (anderes Betriebssystem, andere Erweiterungen, andere Sicherheitssoftware usw.). Ausserdem werden Threads, in denen mehrere User das +- gleiche Problem schildern schnell unübersichtlich und es könnte sogar sein, dass Deine Frage schlicht und einfach übersehen wird.

Deswegen habe ich Deine Frage abgetrennt und in diesen neuen Thread verschoben.

2002Andreas

Ich habe das jetzt mal kompl. bunt gemacht:

[attachment=0]Zwischenablage01.png[/attachment]

Das sind die Codes dazu:

CSS

.popup-notification-body-container {
background:yellow !important;
color:fuchsia!important;
}


#password-notification-password moz-input-box,
#password-notification-username moz-input-box {
background:lightgreen!important;
color:blue!important;
}


.popup-notification-icon[popupid="password"] {
fill:deeppink!important;
}


#notification-popup.popup-notification-panel popupnotification#password-notification {
background:green !important;
color:brown!important;
}
 
#password-notification  .popup-notification-dropmarker {
background:red !important;
color:white!important;
}

Alles anzeigen

Nun musst du dir eben anpassen was du davon möchtest.

heiko

Hallo mein Held andreas
also erstmal danke für die Info mit den neuen Thread erstellen . Natürlich klappt dein Code wieder auf Anhieb. Auch wieder mega dankeschön dafür. Eine kleine Sache noch...
Ich arbeite sehr gern mit eindeutigen Beschreibungen über jeden Code und bei den hier kann man ja mal etwas durcheinannder kommen. Wie kann ich zwischen die einzelnen Teile am besten einen Kommentar einfügen, wo ich beschreiben kann, Farben für Hauptfenster, oder Farbe für speichern Button (also so eine Infozeile die die Funktionsweise nicht beeinträchtigt) Nur für die Übersichtlichkeit. Wenn du mir da noch einen Tipp geben könntest, bist du mein Held des Monats

Beste Grüße

Heiko

2002Andreas

Du musst den Beschreibungstext auskommentieren.

Dazu setzt man vorne ein /*....hier den Text reinschreiben...und am Ende dann */

[attachment=0]Screenshot (1344).png[/attachment]

Zitat von heiko

bist du mein Held des Monats

:wink:

heiko

Ja das passt soweit. Mega danke.
Glückwunscht zum Held des Monats

LG Heiko

2002Andreas

Zitat von heiko

Glückwunscht zum Held des Monats

Danke :oops:

heiko

Hallöchen,
ich habe nun die Beschriftungen und Farben soweit angepasst und da ist mir aufgefallen, dass unten bei speichern und nicht speichern ja irgend ein Effekt arbeitet. Den Speichern Button kann man nicht speziell festlegen und den nicht speichern Button, da stimmt der Farbwert des Hintergrunds nicht. Das fällt auf, weil ich hinten bei der Box für nie speichern den gleichen Farbwert habe wie bei nicht speichern. Und lösche ich das Passwort raus, wird der speichern Button dann genau zu der Hintergrundfarbe des nicht speichern Buttons.
Kann man diese beiden getrennt noch reinbasteln? Und gibt es noch eine Möglichkeit, das Feld für "nie speichern" selbst anzupassen. Das hat aktuell einen Gelbwert, der nicht feszulegen geht.

Beste Grüße

Heiko

2002Andreas

Teste doch bitte mal:

CSS

/*Hintergrund oben*/
.popup-notification-body-container {
  background-color: yellow!important;
  color: black!important;
  }


/*Symbol oben links*/
.popup-notification-icon[popupid="password"] {
  color:darkblue!important;
  }


/*Symbol oben links Farbstärke*/
.popup-notification-icon, .identity-popup-permission-icon {
   fill-opacity:1!important;
  }

/*Textfeld Hintergrund und Schrift*/  
#password-notification-password moz-input-box,
#password-notification-username moz-input-box {
  background:lightgreen!important;
  color:blue!important;
  }


/*Speichern*/
#password-notification > hbox > button:last-child{
  background-color: green!important;
  color: white!important;
  }

/*Nicht speichern*/
#password-notification > hbox > button:nth-child(2){
  background-color: red!important;
  color: white!important;
  }

/*Pfeil rechts*/
#password-notification > hbox > button:nth-child(4){
  background-color: orange!important;
  color: white!important;
  }

Alles anzeigen

[attachment=0]Zwischenablage01.png[/attachment]

heiko

Sehr gut, so ist das doch schön einheitlich.
Wie immer perfekte Arbeit mein Held .
Herzlichen Dank.

Allerbeste Grüße

Heiko

2002Andreas

Freut mich wenn es dir so gefällt

heiko

Hallöchen,
wäre es noch möglich, den Eintrag "Passwort nie speichern" (Klick auf den Pfeil hinten) auch noch separat die Farbe zuzuweisen?
Danke schön.

Gruß Heiko

2002Andreas

Teste bitte:

CSS

#password-notification > menuitem[label="Nie speichern"]{
	background-color:red!important;
	color:white!important;
	-moz-appearance: none!important;
}

heiko

Passt wie immer wunderbar mein "Held" .
Besten Dank

LG Heiko

2002Andreas

Und war wie immer gern geschehen

heiko

Hallöchen,

mir ist gerade aufgefallen, dass die Buttons "speichern", "nicht speichern" und dieser Pfeil rechts daneben für "nie speichern" Auswahl keine Farben mehr anzeigt, die aber in der userchrome.css definiert sind.

Der Speichern-Button hat zwar noch einen anderen Hintergrund, aber nicht den den ich festgelegt habe. Die Größen der Schriftarten funktionieren, nur eben die Farbwerte nicht.

Ich benutze den aktuellen Firefox 68.0.1.

Ich füge den gesamten Code mal direkt hier an.

Danke

LG Heiko

CSS

/* Fenster Login-Daten speichern */

/* Hauptfenster (Farben, Schriftgröße in px, fett) */

.popup-notification-body-container {
background-color: #000066 !important;
color: #ffff00 !important;
font-weight: bold !important;
font-size: 18px !important;
}

/* Eingabefelder (Farben, Schriftgröße in px, fett) */

#password-notification-password moz-input-box,
#password-notification-username moz-input-box {
background-color: #ffff00 !important;
color: #000066 !important;
font-weight: bold !important;
font-size: 30px !important;
}

/* Schlüsselsymbol (Farbe) */

.popup-notification-icon[popupid="password"] {
color: #ffff00 !important;
}

/* Schlüsselsymbol (Farbstärke) */

.popup-notification-icon, .identity-popup-permission-icon {
fill-opacity:50!important;
}

/* Button "speichern" (Farben, Schriftgröße in px, fett) */

#password-notification > hbox > button:last-child{
background-color: #ffff00 !important;
color: #000000 !important;
font-weight: bold !important;
font-size: 25px !important;
}

/* Button "Nicht speichern" (Farben, Schriftgröße in px, fett) */

#password-notification > hbox > button:nth-child(2){
background-color: red !important;
color: #000000 !important;
font-weight: bold !important;
font-size: 25px !important;
}

/* Pfeil Auswahlbox für "Nie speichern" (Farben, Schriftgröße in px, fett) */
 
#password-notification > hbox > button:nth-child(4){
background-color: green !important;
color: #ffff00 !important;
font-weight: bold !important;
font-size: 25px !important;
}

/* Auswahl "Nie speichern" (Farben, Schriftgröße in px, fett) */

#password-notification > menuitem[label="Nie speichern"]{
background-color: #000066 !important;
color: #ffff00 !important;
font-weight: bold !important;
font-size: 25px !important;
-moz-appearance: none!important;
}

Alles anzeigen

2002Andreas

Teste bittte mal:

CSS

/* Fenster Login-Daten speichern */

/* Hauptfenster (Farben, Schriftgröße in px, fett) */

.popup-notification-body-container {
background-color: #000066 !important;
color: #ffff00 !important;
font-weight: bold !important;
font-size: 18px !important;
}

/* Eingabefelder (Farben, Schriftgröße in px, fett) */

#password-notification-password moz-input-box,
#password-notification-username moz-input-box {
background-color: #ffff00 !important;
color: #000066 !important;
font-weight: bold !important;
font-size: 30px !important;
}

/* Schlüsselsymbol (Farbe) */

.popup-notification-icon[popupid="password"] {
color: #ffff00 !important;
}

/* Schlüsselsymbol (Farbstärke) */

.popup-notification-icon, .identity-popup-permission-icon {
fill-opacity:50!important;
}

/* Button "speichern" (Farben, Schriftgröße in px, fett) */

#password-notification > hbox > button:last-child{
background-color: #ffff00 !important;
color: #000000 !important;
font-weight: bold !important;
font-size: 25px !important;
}

/* Button "Nicht speichern" (Farben, Schriftgröße in px, fett) */


#password-notification > hbox > button:nth-child(1){

background-color: red !important;
color: #000000 !important;
font-weight: bold !important;
font-size: 25px !important;
}

/* Pfeil Auswahlbox für "Nicht speichern" (Farben, Schriftgröße in px, fett) */
 

#password-notification > hbox > button:nth-child(3){
background-color: green !important;
color: #ffff00 !important;
font-weight: bold !important;
font-size: 25px !important;
}

/* Auswahl "Nie speichern" (Farben, Schriftgröße in px, fett) */

#password-notification > menuitem[label="Nicht speichern"]{
background-color: #000066 !important;
color: #ffff00 !important;
font-weight: bold !important;
font-size: 25px !important;
-moz-appearance: none!important;
}

Alles anzeigen

heiko

Hey mein bester,

wieder einmal herzlichen Dank für die schnelle Hilfe. Einfach klasse, wie schnell du da immer gleich die Lösung parat hast. Faszinierend. Wie machst du das nur?

Beste Grüße und nochmal danke

Heiko

2002Andreas

Freut mich wenn ich dir wieder helfen konnte, war gern geschehen.

heiko

Nochmal hallo,

mir ist gerade aufgefallen, dass die Werte bei "Nie speichern" nicht greifen.

Der nimmt immer das Design vom Rechtsklickmenü wo kopieren, alles markieren und so drin steht.

LG Heiko

2002Andreas

Und damit?

CSS

/* Fenster Login-Daten speichern */

/* Hauptfenster (Farben, Schriftgröße in px, fett) */

.popup-notification-body-container {
background-color: #000066 !important;
color: #ffff00 !important;
font-weight: bold !important;
font-size: 18px !important;
}

/* Eingabefelder (Farben, Schriftgröße in px, fett) */

#password-notification-password moz-input-box,
#password-notification-username moz-input-box {
background-color: #ffff00 !important;
color: #000066 !important;
font-weight: bold !important;
font-size: 30px !important;
}

/* Schlüsselsymbol (Farbe) */

.popup-notification-icon[popupid="password"] {
color: #ffff00 !important;
}

/* Schlüsselsymbol (Farbstärke) */

.popup-notification-icon, .identity-popup-permission-icon {
fill-opacity:50!important;
}

/* Button "speichern" (Farben, Schriftgröße in px, fett) */

#password-notification > hbox > button:last-child{
background-color: #ffff00 !important;
color: #000000 !important;
font-weight: bold !important;
font-size: 25px !important;
}

/* Button "Nicht speichern" (Farben, Schriftgröße in px, fett) */


#password-notification > hbox > button:nth-child(1){

background-color: red !important;
color: #000000 !important;
font-weight: bold !important;
font-size: 25px !important;
}

/* Pfeil Auswahlbox für "Nicht speichern" (Farben, Schriftgröße in px, fett) */
 

#password-notification > hbox > button:nth-child(3){
background-color: green !important;
color: #ffff00 !important;
font-weight: bold !important;
font-size: 25px !important;
}

/* Auswahl "Nie speichern" (Farben, Schriftgröße in px, fett) */

#password-notification > menuitem[label="Nie speichern"],
#password-notification > menuitem[label="Nicht speichern"]{
background-color: #000066 !important;
color: #ffff00 !important;
font-weight: bold !important;
font-size: 25px !important;
-moz-appearance: none!important;
}

Alles anzeigen