Gespeicherte Zugangsdaten Button einfärben ?

Kein Ding, hat mich auch interessiert nach Anfixen oben

Weil die Farbe ein shadow-css ist, das wird so nix,

Dato: Bitte verwende die Editor-Funktion für den Code-Block und nicht für jede einzelne Zeile jeweils einen Inline-Code.

Zitat von Dato

aber ohne die Schriftfarbe zu ändern.

Hast den den Code auch mal getestet in der Fx Version 121?

@-moz-document url-prefix(about:logins) {

[l10nid="login-item-edit-button"],
[l10nid="about-logins-login-item-remove-button"] {
  border-radius: 5px !important;
  --in-content-button-background-hover:  blue !important;
  --in-content-button-text-color:  white !important;
  --in-content-button-text-color-hover: white !important;
 }

[l10nid="login-item-edit-button"] {
  background-color: red !important;
  margin-right: 5px !important;
 }
  
 [l10nid="about-logins-login-item-remove-button"] {
  background-color: green !important;
 }
}

Und so dann ab Fx 122:

@-moz-document url-prefix(about:logins) {

.action-buttons edit-button,
.action-buttons delete-button {
  border-radius: 5px !important;
  --in-content-button-background-hover:  blue !important;
  --in-content-button-text-color:  white !important;
  --in-content-button-text-color-hover: white !important;
 }

.action-buttons edit-button {
  background-color: red !important;
  margin-right: 5px !important;
 }
  
.action-buttons delete-button {
  background-color: green !important;
 }
}

Das mag für v121 noch stimmen, aber nicht mehr für beta/122rc1/nightly, da gibt es diesen Bezeichner nicht mehr. Aber

.header .edit-button,
.action-buttons .edit-button,
.action-buttons  edit-button
{
    background-color: #20e048 !important;
  --in-content-button-text-color:  black !important;
}

.header .edit-button:hover,
.action-buttons .edit-button:hover,
.action-buttons  edit-button:hover
{
    background-color: #03a224 !important;
  --in-content-button-text-color-hover: blue !important;
}

Das -hover kann in die hover-Sektion von meinem CSS. Die Textfarbe richtet sich nach dem ausgewählten Theme, bei mir ist das Dark und damit Text weiß, bei Hell entsprechend Schwarz.

Zitat von .DeJaVu

nicht mehr für beta/122rc1/nightly

Nightly:

Beta siehe Beitrag 26 unten

Zitat von 2002Andreas

Nightly:

Im Nightly habe ich das so gelöst.

/* Text in beiden Button */
button.ghost-button span {
    color: green !important;
}
/* Text in beiden Button bei hover */
button.ghost-button:hover span {
    color: red !important;
}

Zitat von FuchsFan

Im Nightly habe ich das so gelöst.

Auch eine Möglichkeit

Zitat von Dato

funktioniert in version 121.01

Und der Code aus Beitrag Nr. 26 dann ab Version 122.

Zitat von Dato

ist Notiert

Zitat von 2002Andreas

Und so dann ab Fx 122:

Sei gegrüßt, Andreas!

Dieses --in-content-button-text-color-hover: red !important; aus Beitrag #26 will einfach nicht greifen, obwohl der Rest funktioniert.

Hast du eine Idee?

Zitat von FuchsFan

Hast du eine Idee?

Hallo FuchsFan ..

hast du evtl. noch einen anderen Code mit hover?

Funktioniert es in einem sauberen Testprofil?

Zitat von 2002Andreas

Funktioniert es in einem sauberen Testprofil?

Gerade mal getestet, funktioniert. Da ist also was faul, muss mal suchen. Danke, Andreas!

Zitat von FuchsFan

Danke, Andreas!

Nicht dafür

Zitat von FuchsFan

muss mal suchen

Wie gesagt schon, evtl. ein weiterer Code mit hover

Zitat von 2002Andreas

Wie gesagt schon, evtl. ein weiterer Code mit hover

Gefunden, da hatte sich noch ein Rest von der Bastelei versteckt.

Sollte nicht passieren.

Zitat von FuchsFan

Gefunden

Zitat von FuchsFan

Sollte nicht passieren.

Keine Panik, kann doch jedem mal passieren.

Freut mich wenn es jetzt funktioniert.