Beiträge von Firefox_94.0.1

Ich bin gerade dabei, die Feinheiten der letzten Änderungen anzupassen. Hierbei ist mir aufgefallen, dass sich die Farbe von diesen Checkboxen nicht mehr wie gewohnt ändern lässt.

Gemeint sind die Boxen wie:

- Bei der Suche (Strg+F) vor "alles hervorheben", "Groß-/Kleinschreibung", "Akzente", "Ganze Wörter"

- Bei about:config vor "Beim Aufruf dieser Einstellungen immer warnen"

- und weitere (falls ich noch welche übersehen habe)

Gibt es da aktuell noch eine Möglichkeit, die Hintergrundfarbe im nicht aktivierten Zustand sowie im aktivierten Zustand die Farbe hinter dem Haken und den Haken selber anzupassen?

Zitat von Horstmann

Zitat von Firefox_94.0.1

Wie würdest du das überdenken? Woran erkenne ich, ob der Code nichts macht bzw falsch ist?

Wenn ich den bei mir reinstelle, macht farblich kaum was Sinn, auch bei verschiedenen Themes.
Man müsste noch wissen welches Theme du benutzt, ob noch anderen CSS Code, oder evtl. Erweiterungen wie Firefox Color.

Ich habe das Standard-Theme laufen. Da ich eigendlich alles angepasst habe, hat sich auch jede Menge Code angesammelt. Das war irgendwann in einer Datei einfach nicht mehr übersichtlich, daher habe ich nach Bereichen getrennte einzelne Dateien per @import in die UserChrome.css gezogen. Der Übersicht halber habe ich oben nur den Code für die hier relevante Lesezeichenleiste eingestellt. Daher macht die Farbgebung von nur dem geposteten Code tatsächlich keinen Sinn.

Zitat von Horstmann

Zitat von Firefox_94.0.1

... , funktioniert wie gewünscht.

Den Code würde ich bei Gelegenheit mal überdenken; der ist überladen und unnötig komplex, macht teilweise gar nix oder ist schlicht falsch, und adaptiert sich nicht sauber für viele Themes.

Wie würdest du das überdenken? Woran erkenne ich, ob der Code nichts macht bzw falsch ist? Ich habe mir das nur so zusammengebastelt, dass das Design im Standardmodus, wenn ich den FF öffne, passt und ich weiß, wo was steht, falls durch ein Update wieder was geändert wird. Mehr Ahnung habe ich davon nicht.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Das ist mein Code für die Lesezeichenleiste.

Teste bitte mal:

CSS

/********************* Lesezeichenleiste********************************************/

/*Symbole in Lesezeichenleiste Farbe ändern*/
#PersonalToolbar .toolbarbutton-icon {
 fill: white !important;
}
#PersonalToolbar .toolbarbutton-1:hover {
 background-color: #2B2C86 !important;
}
/*Hintergrundfarbe*/
#PersonalToolbar{
    background:#00016E !important} /*original_color: light grey(#F0F0F0)*/ /*aktuell: dunkelblau*/

/*Schriftfarbe*/
#PersonalToolbar .bookmark-item{color:white !important}

/*Trennstriche in Lesezeichenleiste*/
#PlacesToolbarItems > toolbarseparator {
   margin: 0;
   padding-inline: 4px;
   appearance: none;
    color: white;
}
/*Schriftfarbe der Lesezeichen im drop-down-menü*/
#PlacesToolbar menuitem, #PlacesToolbar menu, .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
  color: white !important;
}
#PlacesToolbar menuitem:hover, #PlacesToolbar menu:hover, .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
  color: black !important;
}
/*hover-Farbe ändern*/
#PersonalToolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover, #tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover, #tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover, toolbarbutton.bookmark-item:not(.subviewbutton, [disabled="true"], [open]):hover, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-badge-stack {
 background-color: #2b2c86 !important;
}
/*Hintergrundfarbe beim anklicken*/
#PersonalToolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active), #tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover:active, #tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover:active, toolbarbutton.bookmark-item:hover:active:not(.subviewbutton, [disabled="true"]), toolbarbutton.bookmark-item[open="true"], toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-badge-stack {
 background-color: #8888B3 !important;
 color: inherit;
}
/********************* Lesezeichensidebar********************************************/
/*Schriftfarbe (color) und Hintergrundfarbe (background)*/
#bookmarks-view,sidebarheader,#sidebar-box,.sidebar-placesTreechildren,
#sidebar-search-label,#sidebar-search-container,#placesList > treechildren {
color: white !important;
background:#00016E  !important; }

Alles anzeigen

Danke, funktioniert wie gewünscht.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

dass ich die Farbe auf weis geändert hatte.

Wie bzw. womit denn?

Sorry, hatte den Code vergessen.

Das ist mein Code für die Lesezeichenleiste.

/********************* Lesezeichenleiste********************************************/

/*Symbole in Lesezeichenleiste Farbe ändern*/
#PersonalToolbar .toolbarbutton-1 {
 fill: white !important;
}
#PersonalToolbar .toolbarbutton-1:hover {
 background-color: #2B2C86 !important;
}
/*Hintergrundfarbe*/
#PersonalToolbar{
    background:#00016E !important} /*original_color: light grey(#F0F0F0)*/ /*aktuell: dunkelblau*/

/*Schriftfarbe*/
#PersonalToolbar .bookmark-item{color:white !important}

/*Trennstriche in Lesezeichenleiste*/
#PlacesToolbarItems > toolbarseparator {
   margin: 0;
   padding-inline: 4px;
   appearance: none;
    color: white;
}
/*Schriftfarbe der Lesezeichen im drop-down-menü*/
#PlacesToolbar menuitem, #PlacesToolbar menu, .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
  color: white !important;
}
#PlacesToolbar menuitem:hover, #PlacesToolbar menu:hover, .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
  color: black !important;
}
/*hover-Farbe ändern*/
#PersonalToolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover, #tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover, #tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover, toolbarbutton.bookmark-item:not(.subviewbutton, [disabled="true"], [open]):hover, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-badge-stack {
 background-color: #2b2c86 !important;
}
/*Hintergrundfarbe beim anklicken*/
#PersonalToolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active), #tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover:active, #tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover:active, toolbarbutton.bookmark-item:hover:active:not(.subviewbutton, [disabled="true"]), toolbarbutton.bookmark-item[open="true"], toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-badge-stack {
 background-color: #8888B3 !important;
 color: inherit;
}
/********************* Lesezeichensidebar********************************************/
/*Schriftfarbe (color) und Hintergrundfarbe (background)*/
#bookmarks-view,sidebarheader,#sidebar-box,.sidebar-placesTreechildren,
#sidebar-search-label,#sidebar-search-container,#placesList > treechildren {
color: white !important;
background:#00016E  !important; }

Ich habe gerade festgestellt, dass das Weltkugel-Favicon wieder schwarz angezeigt wird; bin mir aber sicher, dass ich die Farbe auf weis geändert hatte. Gibt es da einen neuen Code dafür, weil etwas geändert wurde?

Zitat von 2002Andreas

Zitat von Dharkness

keine Seite, die den Namen

Kenne ich auch nicht.

Anpassen kann man sie aber trotzdem

Die meine ich. Weil es mir gerade einfällt: Für die Meldung "Seite nicht gefunden" würde es mich auch interessieren.

Sören Hentzschel kann man das

"Kürzlich geschlossene Tabs bleiben jetzt auch zwischen Sitzungen bestehen, in denen die automatische Sitzungswiederherstellung nicht aktiviert ist. Bei der manuellen Wiederherstellung einer vorherigen Sitzung werden alle zuvor geöffneten Tabs oder Fenster erneut geöffnet."

Irgendwie wieder rückgängig machen?

Hallo,

mit welchem Namen kann die Seite "Diese Verbindung ist nicht sicher" angesprochen werden, um den Inhalt per css anzupassen?

Zitat von Dharkness

Zitat von 2002Andreas

Evtl. die Reihenfolge im Code mal ändern

Nein, es ist mal wieder dieser * kranke Eintrag, auskommentiert, Fx neu gestartet und alles ist gut.

*

@namespace url(http://www.w3.org/1999/xhtml);

Danke. Hatte den bei mir auch drin und jetzt entfernt. Nun funktioniert die Farbanpassung der Kreise hier auch.

Zitat von Mira_Belle

Zitat von Firefox_94.0.1

Noch eine kurze Frage (war bisher noch gar nicht im Skript): Kann man diese "Kreise" auf dem Zeitstrahl auch einfärben?

Ja.

CSS

    /*----------------------------------*/
    /************* Timeline *************/
    /*----------------------------------*/
    .timeline > .line {  
        background-color: #e1e1e1 !important;
    }
    .timeline > .point {
        stroke: #ff9600 !important;         /* Farbe des Rings */
        stroke-width: 30px !important;           /* Größe der Punkte */
    }
    .timeline > svg {
        fill: #ff9600 !important;               /* Farbe des Punktes */
    }
    div.date {
        color: #e1e1e1 !important;              /* Farbe des Datums */
    }
    div.action {
        color: #e1e1e1 !important;              /* Farbe des Komentars */
    }

Alles anzeigen

Danke, aber die Punkte bleiben weiß. Dann wird das wohl einfach nicht gehen.

Zitat von 2002Andreas

Zitat von FuchsFan

wenn wieder Zufriedenheit herrscht.

So sollte es ja auch sein

Noch eine kurze Frage (war bisher noch gar nicht im Skript): Kann man diese "Kreise" auf dem Zeitstrahl auch einfärben?

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Wäre doch einfacher?

Teste bitte mal deinen alten (angepassten) Code.

CSS

/* 02. about:logins */


@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(about:logins) {


/* Hintergrund */


.container {
overflow: auto;
padding: 40px;
box-sizing: border-box;
height: 100%;
background-color: #ffd700 !important;
color: #00016e !important;
}


header {
display: flex;
align-items: center;
background-color: #ffd700 !important;
border-bottom: 1px solid #ffd700 !important;
padding-block: 9px;
padding-inline-start: 16px;
padding-inline-end: 23px;
}


.header {
display: flex;
align-items: center;
border-bottom: 1px solid #ffd700 !important;
margin-bottom: 40px;
}


.meta {
display: flex;
align-items: center;
padding: 9px 16px;
border-bottom: 1px solid #ffd700 !important;
background-color: #ffd700 !important;
color: #00016e !important;
font-size: 0.8em;
}


.meta-info {
font-size: 13px !important;
color: #00016e !important;
margin-block: 0 8px;
}


.fxaccounts-extra-text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
color: #00016e !important;
text-align: end;
}


.detail-cell:dir(ltr) input:not([type="checkbox"]) {
margin-left: 0;
border-radius: 5px !important;
}




/*Suchfeld*/


.filter[type="text"] {
-moz-context-properties: fill, fill-opacity;
fill: currentColor;
fill-opacity: 0.4;
/* background-image: url("chrome://global/skin/icons/search-glass.svg"); */
background-position: 8px center;
background-repeat: no-repeat;
background-size: 16px;
text-align: match-parent;
width: 100%;
margin: 0;
box-sizing: border-box;
padding-block: 6px;
background-color: #00016e !important;
color: #afbde1 !important;
font-size: 17px !important;
}


/* Überschiften */


.login-item-title {
white-space: nowrap;
font-weight: 800 !important;
color: #00016e !important;
background-color: #ffd !important;
text-align: center !important;
border-radius: 15px !important;
margin-right: 80px !important;
display: block !important;
}


.field-label {
display: block;
font-size: smaller;
color: #ffd700 !important;
margin-bottom: 8px;
background-color: #00016e !important;
width: 150px !important;
text-align: center !important;
font-size: 15px !important;
border-radius: 15px !important;
}




/*Buttons*/

 /* alle Button der originale graue HG weg */
    button {
    --in-content-button-background: none !important;
    --in-content-button-background-hover: none !important;
    --in-content-button-background-active: none !important;
}



[data-l10n-id="login-item-edit-button"] {
padding-left: 10px;
padding-right: 10px;
background-color: #9c1818 !important;
color: #ffd700 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}


[data-l10n-id="login-item-edit-button"]:hover {
padding-left: 10px;
padding-right: 10px;
border:1px solid #9c1818 !important;
background: #ffd700 !important;
color: #9c1818 !important;
border-radius: 20px !important;
}


[data-l10n-id="about-logins-login-item-remove-button"] {
padding-left: 10px;
padding-right: 10px;
background-color: #9c1818 !important;
color: #ffd700 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}


[data-l10n-id="about-logins-login-item-remove-button"]:hover {
padding-left: 10px;
padding-right: 10px;
background-color: #ffd700 !important;
color: #9c1818 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}

[data-l10n-id="login-item-copy-password-button-text"]{
padding-left: 10px;
padding-right: 10px;
background-color: #9c1818 !important;
color: #ffd700 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}

[data-l10n-id="login-item-copy-password-button-text"]:hover {
padding-left: 10px;
padding-right: 10px;
background-color: #ffd700 !important;
color: #9c1818 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}

[data-l10n-id="login-item-copy-username-button-text"] {
padding-left: 10px;
padding-right: 10px;
background-color: #9c1818 !important;
color: #ffd700 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}


[data-l10n-id="login-item-copy-username-button-text"]:hover {
padding-left: 10px;
padding-right: 10px;
background-color: #ffd700 !important;
color: #9c1818 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}




.create-login-button {
padding-inline-start: 32px;
background-color: #9c1818 !important;
color: #ffd700 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}


.create-login-button:hover {
padding-inline-start: 32px;
background-color: #ffd700 !important;
color: #9c1818 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}


#login-sort {
padding-left: 10px;
padding-right: 10px;
color: #ffd700 !important;
background-color: #9c1818 !important;
border-radius: 20px !important;
}


#login-sort:hover:not([disabled]) {
background-color: #ffd700 !important;
color: #9c1818 !important;
border:1px solid #9c1818 !important;
text-align: center !important;
}


[data-l10n-id="fxaccounts-sign-in-sync-button"] {
padding-left: 10px;
padding-right: 10px;
background-color: #9c1818 !important;
color: #ffd700 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}


[data-l10n-id="fxaccounts-sign-in-sync-button"]:hover {
padding-left: 10px;
padding-right: 10px;
background-color: #ffd700 !important;
color: #9c1818 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}


/* Symbole */


.login-item-favicon {
margin-inline-end: 12px;
height: 24px;
width: 24px;
flex-shrink: 0;
-moz-context-properties: fill, fill-opacity;
fill: currentColor;
fill-opacity: 0.75;
color: #9c1818 !important;
}


.menu-button {
/* background-image: url("chrome://global/skin/icons/more.svg");
background-repeat: no-repeat;
background-position: center;
-moz-context-properties: fill;
fill: currentColor;
width: 30px;
min-width: 30px;
margin-inline: 0; */
background-color: #9c1818 !important;
fill: #ffd700 !important;
}


.menu-button:hover {
/* background-image: url("chrome://global/skin/icons/more.svg");
background-repeat: no-repeat;
background-position: center;
-moz-context-properties: fill;
fill: currentColor;
width: 30px;
min-width: 30px;
margin-inline: 0; */
background-color: #ffd700 !important;
fill: #9c1818 !important;
}




/* linke Menüleiste*/


.login-list-item {
background-color: #9c1818 !important;
border:1px solid #9c1818 !important;
color: #ffd700 !important;
font-size: 15px !important;
border-radius: 30px !important;
margin-bottom: 3px !important;
}


.login-list-item:hover {
background-color: #ffd700 !important;
border:1px solid #9c1818 !important;
color: #9c1818 !important;
font-size: 15px !important;
border-radius: 30px !important;
margin-bottom: 3px !important;
}


.login-list-item.selected {
background-color: #9c1818 !important;
color: #afbde1 !important;
border-radius: 30px !important;
margin-bottom: 3px !important;
}


.login-list-item.selected:hover {
background-color: #ffd700 !important;
color: #9c1818 !important;
border-radius: 30px !important;
margin-bottom: 3px !important;
border:1px solid #9c1818 !important;
}


.username {
font-size: 0.85em;
color: #ffd !important;
}


.login-selected .initialized {
background-color: #ffd700 !important;
}




/* Zugangsdaten hinzufügen*/

.login-list-section {
background-color: #ffd700 !important;
}


.create-login-button-container {
background-color: #ffd700 !important;
}

button:nth-child(3) > img:nth-child(1) {
margin-left: -20px !important;
}

.detail-cell:dir(ltr) input:not([type="checkbox"]) {
margin-left: 0;
background-color: #ffd !important;
border: none !important;
color: #00016e !important;
}


.save-changes-button {
padding-inline-start: 32px;
background-color: #9c1818 !important;
color: #ffd700 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}


.save-changes-button:hover {
padding-inline-start: 32px;
background-color: #ffd700 !important;
color: #9c1818 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}


.cancel-button {
padding-inline-start: 32px;
background-color: #9c1818 !important;
color: #ffd700 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}


.cancel-button:hover {
padding-inline-start: 32px;
background-color: #ffd700 !important;
color: #9c1818 !important;
border:1px solid #9c1818 !important;
border-radius: 20px !important;
}


.arrow-box {
background-color: #00016e !important;
color: #ffd700 !important;
}


/*drop-down*/


.menu {
position: absolute;
top: 30px;
inset-inline-end: 0;
margin: 0;
padding: 5px 0;
background-color: #00016e !important;
color: #ffd700 !important;
border: none !important;
border-radius: 4px;
box-shadow: var(--shadow-30);
min-width: max-content;
list-style-type: none;
display: flex;
flex-direction: column;
z-index: 1;
font: menu;
}


.menuitem-button {
color: #ffd700 !important;
}


.menuitem-button:hover {
background-color: #ffd700 !important;
color: #9c1818 !important;
}

}

Alles anzeigen

Danke dafür. Jetzt muss ich nur noch die Größe wieder ändern und dann passt es.

Zitat von 2002Andreas

Zitat von Mira_Belle

Ach ja, und ich soll putzen.

Zitat von Firefox_94.0.1

in dem Code zusätzliche Icons definiert, die ich nicht brauche.

So ist er ohne Icons.

CSS

    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url-prefix(about:logins) {
        
    html {
        background: #ffd700 !important;
    }    
     
    .no-logins.initialized body login-intro{     
        scrollbar-width: none !important;
    }
    
    /* alle Button der originale graue HG weg */
    

    button {
    color: #ffd700 !important;
    }
    button,    
    button:hover {
    --in-content-button-background: none !important;
    --in-content-button-background-hover: none !important;
    --in-content-button-background-active: none !important;
}
     
    
    /* oben der Text "Zugangsdaten" */
    .count {
        color: #0f6acc !important; 
        font-size: 15px !important; 
        font-weight: bold !important;
        padding-right: 20px !important;
    }
    
       /* Einträge in der Liste Abstand von links */
    li[class="login-list-item"],
    li[class="login-list-item selected"]{
        padding-left: 25px !important;
    }
        
    /* erstes Feld linke Seite (bei Name u. Zugangsdaten) */
    div.meta {
        padding-left: 35px !important;
        padding-top: 10px !important;
        margin-top: -1px !important;
        background-color: #fffff0 !important;
        /* border-bottom: 2px solid orange !important; 
        border-top: 2px solid orange !important; */
    }    
    
    /* Hintergrundbox bei Button mit + Zeichen */
    div.listHeader div.create-login-button-container {
        background-color: #9c1818 !important;
        margin: 3px 0 0 0 !important; 
        /* border: 2px solid coral !important; */
        box-shadow: none !important; 
    }
    div.listHeader div.create-login-button-container:hover {
        background-color: lightyellow !important;
        margin: 3px 0 0 0 !important; 
       /*  border: 2px solid blue !important; */
        box-shadow: none !important; 
    }
    
    /* rechts die Box über der blauen Linie */
    .header {
        margin-top: 20px!important;
    }
        
    .header, li {
        border-bottom: none !important;
        box-shadow: none !important;        
    }
        
    /* linke Seite unter den Einträgen Border */
    div.container ol li#new-login-list-item.login-list-item.selected,
    div.container ol section.login-list-section{
        /* border-bottom: 1px solid silver !important;  */
        box-shadow: none !important;
    }
        
    
    /* HG für das obere rechte Feld */
    .initialized body header,
    .login-selected.initialized body header{
        /* border-bottom: 2px solid orange !important; */
        background: #ffd700  !important;
        height: 52px !important;
    }
        
    /* HG für das linke obere Feld */
    div.listHeader{
        background-color: #ffd700  !important;
    }
    
    /* Suchfeld oben */  
    .filter,
    login-filter {
        appearance: none !important; 
        border-radius:20px !important;
        margin-left: 5px  !important;
        margin-top: 2px  !important;
        min-width: 235px !important;
        max-width: 235px !important;
    }
    
    /* HG des Suchfeldes */
    input.filter{
        background:#fffff0 !important;
    }    
        
    body {
        background-color: #ffd700 !important;
        max-width: 1400px !important;
        max-height: 800px !important;
        margin-left: auto /* 350px */ !important;
        margin-right: auto /* 350px */ !important;
        /* border: 5px solid dodgerblue !important; */ 
        margin-top: 30px !important;
    }
    
    /* rechte Seite großes Feld */
    html.official-branding.no-logins.initialized body section login-intro,
    div.container {
        max-height: 728px !important;
    }
        
    .time-created,
    body > login-list:nth-child(2), li, .header, header,
    .meta{
        box-shadow: none !important;
    }
    
    /* rechte Seite großes Feld */
    div.container {
        background: #ffd700  !important;
        border-left: 2px solid silver !important;
    }
    
    /* links oben das erste Feld */
    .meta {
        background:#ffd700  !important;
    }
    .meta:hover {
        background: #ffe680 !important;
    }
    
    /* linke Seite die untere Box */
    div.container ol{
        background: #ffd700  !important;
    }
    
    #login-sort label {
        padding-left: 25px !important;
    }    
    
    .login-list-item.selected {
        background: #fff0b3 !important; 
        border-left: 2px!important;
    }
    .login-list-item.selected:hover {
        background: #ffdb4d !important;        
    }
    
    /* rechts die große Box */
    html.initialized body login-item,
    .login-selected.initialized body login-item {
        margin-left: 30px !important;
    }
    
    /* links die große Box */
    html.initialized body login-list.initialized.create-login-selected,
    .login-selected.initialized body login-list.initialized {
        margin-right: -40px !important;
        min-width: 350px !important;
        max-width: 350px !important;
        border: 0px !important;
    }

    .login-list-item{
   /*  border: 1px solid #B2B2B2 !important; */
    background-color: #ffefdb !important;
    color: #000 !important;
    padding: 1px 5px 5px 15px !important;
    margin: 3px 6px 0 3px !important;
    }
    .login-list-item:hover {
    /* border: 1px solid #B2B2B2 !important; */
    background-color: #f0ffff !important;
    color: #000 !important;
    }

    .login-list-item.selected {
   /*  border: 1px solid #B2B2B2 !important; */
    background-color: #6f4e37 !important;
    color: yellow !important;
    padding: 1px 5px 5px 15px !important;
    margin: 3px 6px 0 3px !important;
    }
    .login-list-item.selected:hover {
    background-color: #f0ffff !important;
    color: #000 !important;
    }

    
    .favicon-wrapper,
    .login-item-favicon-wrapper {
        fill: #e69500 !important;
    }
    
    /* rechts blaue horizontale Linie */
    div.container div.column div.header {
        border-bottom: 2px solid dodgerblue !important;
        margin-right: -200px !important;
    }
    
    /* Popup "Neue Zugangsdaten hinzufügen" Border-Radius bei den drei Boxen */
    div.container div.column form div.detail-row label.detail-cell input{
        border-radius: 20px !important;
    }

    /* Button links oben "Name" */
    #login-sort {
    background: #9c1818 !important;
    padding-left:40px !important;
    padding-right: 5px !important;
    padding-top:  4px!important; 
    padding-bottom: 0px!important; 
    background-position:10px 7px!important;
    font-size:14.0px!important;
   /*  border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important; */
    color:yellow !important;
    margin-left: -15px !important;
    max-width: 160px  !important;
    }
    
    #login-sort:hover {
    background: #B2EDFA  !important;
    padding-left:40px!important ;
/*     border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important; */
    background-position:10px 5px!important;
    }
    
    /* Button bearbeiten */
    .edit-button {
     height: 32px !important;
    background: #9c1818 !important;
    margin-right: 20px !important;
    padding: 0 5px 0 25px !important;
    font-size:14.0px!important;
    border: 1px solid dodgerblue !important;
    border-radius:20px !important;
    color:yellow !important; 
    }

    .edit-button:hover {
    appearance:none!important;
    background: #B2EDFA !important;
  /*   border: 1px solid coral !important; */
    padding: 0 5px 0 25px !important;
    }
    /* Text im Button verlagert */
    button.ghost-button span {
    margin-top: -3px !important;
    }

    /* Button "Entfernen" */
    .delete-button {
    appearance:none!important;
    height: 32px !important;
    background: #9c1818 !important;
    padding: 0 5px 0 25px !important;
      font-size:14.0px!important;
/*     border: 1px solid dodgerblue !important;*/
    border-radius:20px !important; 
    color:yellow !important; 
    }
    
    .delete-button:hover {
    appearance:none!important;
    background: #B2EDFA !important;
    /* border: 1px solid coral !important; */
    padding: 0 5px 0 25px !important;
    }    

    /* Button "Kopieren" (Namen) */
    div.detail-row login-command-button.copy-button.copy-username-button {
    appearance:none!important;
    height: 30px !important;
    background: #9c1818  !important;
    padding: 0 5px 0 35px !important;
    background-size: 18px 18px !important;
    font-size:14.0px!important;
 /*    border: 1px solid dodgerblue !important;*/
    border-radius:20px!important; 
    color:yellow !important; 
    }

    div.detail-row login-command-button.copy-button.copy-username-button:hover {
    appearance:none!important;
    background: #B2EDFA !important;
    padding: 0 5px 0 35px !important;
   /*  border: 1px solid coral !important; */
    background-size: 18px 18px !important;
    }
    
    /* originale Icons in den Button ausgeblendet */
 /*    .ghost-button > img:nth-child(1) {
    display: none !important;
    } */

    /* Button "Kopieren" (Passwort) */
    div.detail-row login-command-button.copy-button.copy-password-button {
    appearance:none!important;
    height: 30px !important;
    background: #9c1818 !important;
    padding: 0 5px 0 35px !important;
    background-size: 18px 18px !important;
    font-size:14.0px!important;
  /*   border: 1px solid dodgerblue !important;*/
    border-radius:20px!important; 
    color:yellow !important; 
    }

    div.detail-row login-command-button.copy-button.copy-password-button:hover {
    appearance:none!important;
    background: #B2EDFA !important;
    padding: 0 5px 0 35px !important;
    /* border: 1px solid coral !important; */
    background-size: 18px 18px !important;
    }
    /* Text im Button verlagert */
    button:nth-child(3) > span:nth-child(1){    
    margin-top: -3px !important;
    }        
        
    /* für Button "Kopieren" die Länge */    
    div.detail-row login-command-button.copy-button.copy-username-button,
    div.detail-row login-command-button.copy-button.copy-password-button {
    min-width: 120px !important;
    }

    
    /* Button "Adresse der Website" */
    .origin-input {
    appearance:none!important;
    background: #F0F0F0 !important;
    padding: 2px 40px 6px 45px !important;
    background-size: 18px 18px !important;
    font-size:14.0px!important;
/*     border: 1px solid dodgerblue !important;*/
    border-radius:20px!important; 
    color:black !important; 
    }

    .origin-input:hover {
    appearance:none!important;
    background: #B2EDFA !important;
    padding: 2px 40px 6px 45px !important;
    background-size: 18px 18px !important;
    font-size:14.0px!important;
/*     border: 1px solid coral !important; */
    border-radius:20px!important;
    color:yellow !important; 
    }    
    
    .fxaccounts-enable-button {
    appearance:none!important;
    background: #9c1818  !important;
    padding-left:35px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    color:yellow!important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:25px!important;
/*     border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;
    border-width:2px !important;*/
    border-radius:20px!important; 
    }

    .fxaccounts-enable-button:hover {
    appearance:none!important;
    background: #B2EDFA  !important;
/*     border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important; */
    }    

    /* Button "Speichern" im Menü "Neu" */
    .save-changes-button {
    appearance:none!important;
    background: #9c1818 !important;
    padding: 0 25px 0 45px !important;
    background-size: 17px 17px !important;
    font-size:14.0px!important;
/*     border: 1px solid dodgerblue !important;*/
    border-radius:20px!important; 
    color:black !important; 
    }
    
    .save-changes-button:hover {
    appearance:none!important;
    background: #B2EDFA  !important;
    padding: 0 25px 0 45px !important;
   /*  border: 1px solid coral !important; */
    background-size: 17px 17px !important;
    }
        
    /* Button "Abbrechen" im Menü "Neu" */
    .cancel-button {
    appearance:none!important;
    background: #9c1818  !important;
    padding: 0 25px 0 45px !important;
    background-size: 17px 17px !important;
    font-size:14.0px!important;
 /*    border: 1px solid dodgerblue !important;*/
    border-radius:20px!important; 
    color:yellow !important; 
    }
    
    .cancel-button:hover {
    appearance:none!important;
    background: #B2EDFA  !important;
    padding: 0 25px 0 45px !important;
  /*   border: 1px solid coral !important; */
     background-size: 17px 17px !important;
    }        
    
    /* Auge vor Passwort kopieren */
    .reveal-password-checkbox {
        fill: #0070ff !important;
    }
    .reveal-password-checkbox:hover {
        fill: #c32148 !important;
    }
    
    /* Web-Adresse im Menü "Neu" linker Abstand */
    div.container div.column form div.detail-row label.detail-cell input{
    padding-left: 15px !important;
    }
    
    /* Überschrift im Menü "Neu" */
    div.container div.column div.header h2.title span.new-login-title {
    color: #006b3c !important;
    }
    /* das Welt-Icon davor */ 
    div.container div.column div.header img.login-item-favicon {
    fill: brown !important;
    }

    /* Drei-Punkte-Button oben rechts */
    button.menu-button.ghost-button {
        background-color: #9c1818 !important;
       /*  border: 2px solid orange !important;
        border-radius: 0 !important; */
        fill: green !important;        
    }
    button.menu-button.ghost-button:hover {
        background-color: #B2EDFA !important;
        /* border: 2px solid crimson !important; */
        fill: red !important;        
    }
    /* Menü hinter Drei-Punkte-Button */
    ul.menu button.menuitem-button {
        background-color: beige !important;
       /*  border: 1px solid silver !important; */
        margin-top: 2px !important;
    }
    ul.menu button.menuitem-button:hover {
        background-color: #B2EDFA !important;
       /*  border: 1px solid coral !important; */
    }    
    
    .meta-info:first-of-type::before {
        border-top: none  !important;
    }    
    
    /* Popup-Menü hinter Dreipunkte-Button - die Button */
    .menu {
       /*  border: 3px solid dodgerblue !important; */
        padding: 5px !important;
    }

    .menuitem-import-browser {
        width: 100% !important;
        height: 24px !important;
        fill:  green !important;
        color: black!important;
    }
    
    .menuitem-export {
        width: 100% !important;
        height: 24px !important;
        fill:  orange !important;
        color: black !important;
    }
    
    .menuitem-import {
        width: 100% !important;
        height: 24px !important;
        fill:  #cc3300!important;
        color: black !important;
    }
    
    .menuitem-import-file {
        width: 100% !important;
        height: 24px !important;
        fill:  blue !important;
        color: black !important;
    }
    
    .menuitem-remove-all-logins {
        width: 100% !important;
        height: 24px !important;
        fill:  #cc3300!important;
        color: black !important;
        margin-left: -1px !important;
    }
    
    .menuitem-help {
        width: 100% !important;
        height: 24px !important;
        fill: blue!important;
        color: black !important;
    }
    
    .menuitem-preferences {
        width: 100% !important;
        height: 24px !important;
        fill: dodgerblue!important;
        color: blue !important;
        font-weight: 600 !important;
    }    
    
    .menuitem-mobile[data-l10n-id="menu-menuitem-android-app"] {
        width: 100% !important;
        height: 24px !important;
        fill: #33cc33!important;
        color: black!important;
    }

    .menuitem-mobile[data-l10n-id="menu-menuitem-iphone-app"] {
        width: 100% !important;
        height: 24px !important;
        fill: #9900ff!important;
        color: black!important;
    }    
    }

Alles anzeigen

Danke, aber warum ist es dir nicht möglich, mir einfach die neuen Bezeichnungen für die Buttons zu nennen? Wäre doch einfacher?

Zitat von Mira_Belle

Zitat von 2002Andreas

Zitat von Mira_Belle

Soll ich

Kannst ja die Feinheiten noch machen

Ach ja, und ich soll putzen.

Mach ich doch gerne.

Firefox_94.0.1

Schau bitte morgen noch mal vorbei. Das reale Leben muss ja auch weiter gehen!

Teste derweil das von Andreas angepasste CSS und schreibe dann hier rein, was noch nicht so passt!

Ich werde mein möglichstes Tun um das CSS auszumisten und Deine Wünsche noch irgendwie einzubauen.

Wie sollen den die Farben beim Hovern sein?

(Habe das CSS noch nicht getestet )

Alles anzeigen

:hover

background-color: #ffd700

border-color: #ffd700

color: #9c1818

ohne hover

background-color: #9c1818

border-color: #9c1818

color: #ffd700

Zitat von 2002Andreas

Zitat von Mira_Belle

Also komplett neu?

Ich habe mal eine Weile gebastelt.

Das ist aber nicht perfekt

Und das wäre der Code dazu:

CSS

    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url-prefix(about:logins) {
        
    html {
        background: #ffd700 !important;
    }    
     
    .no-logins.initialized body login-intro{     
        scrollbar-width: none !important;
    }
    
    /* alle Button der originale graue HG weg */
    

    button {
    color: #ffd700 !important;
    }
    button,    
    button:hover {
    --in-content-button-background: none !important;
    --in-content-button-background-hover: none !important;
    --in-content-button-background-active: none !important;
}
     
    
    /* oben der Text "Zugangsdaten" */
    .count {
        color: #0f6acc !important; 
        font-size: 15px !important; 
        font-weight: bold !important;
        padding-right: 20px !important;
    }
    
       /* Einträge in der Liste Abstand von links */
    li[class="login-list-item"],
    li[class="login-list-item selected"]{
        padding-left: 25px !important;
    }
        
    /* erstes Feld linke Seite (bei Name u. Zugangsdaten) */
    div.meta {
        padding-left: 35px !important;
        padding-top: 10px !important;
        margin-top: -1px !important;
        background-color: #fffff0 !important;
        /* border-bottom: 2px solid orange !important; 
        border-top: 2px solid orange !important; */
    }    
    
    /* Hintergrundbox bei Button mit + Zeichen */
    div.listHeader div.create-login-button-container {
        background-color: #9c1818 !important;
        margin: 3px 0 0 0 !important; 
        /* border: 2px solid coral !important; */
        box-shadow: none !important; 
    }
    div.listHeader div.create-login-button-container:hover {
        background-color: lightyellow !important;
        margin: 3px 0 0 0 !important; 
       /*  border: 2px solid blue !important; */
        box-shadow: none !important; 
    }
    
    /* rechts die Box über der blauen Linie */
    .header {
        margin-top: 20px!important;
    }
        
    .header, li {
        border-bottom: none !important;
        box-shadow: none !important;        
    }
        
    /* linke Seite unter den Einträgen Border */
    div.container ol li#new-login-list-item.login-list-item.selected,
    div.container ol section.login-list-section{
        /* border-bottom: 1px solid silver !important;  */
        box-shadow: none !important;
    }
        
    
    /* HG für das obere rechte Feld */
    .initialized body header,
    .login-selected.initialized body header{
        /* border-bottom: 2px solid orange !important; */
        background: #ffd700  !important;
        height: 52px !important;
    }
        
    /* HG für das linke obere Feld */
    div.listHeader{
        background-color: #ffd700  !important;
    }
    
    /* Suchfeld oben */  
    .filter,
    login-filter {
        appearance: none !important; 
        border-radius:20px !important;
        margin-left: 5px  !important;
        margin-top: 2px  !important;
        min-width: 235px !important;
        max-width: 235px !important;
    }
    
    /* HG des Suchfeldes */
    input.filter{
        background:#fffff0 !important;
    }    
        
    body {
        background-color: #ffd700 !important;
        max-width: 1400px !important;
        max-height: 800px !important;
        margin-left: auto /* 350px */ !important;
        margin-right: auto /* 350px */ !important;
        /* border: 5px solid dodgerblue !important; */ 
        margin-top: 30px !important;
    }
    
    /* rechte Seite großes Feld */
    html.official-branding.no-logins.initialized body section login-intro,
    div.container {
        max-height: 728px !important;
    }
        
    .time-created,
    body > login-list:nth-child(2), li, .header, header,
    .meta{
        box-shadow: none !important;
    }
    
    /* rechte Seite großes Feld */
    div.container {
        background: #ffd700  !important;
        border-left: 2px solid silver !important;
    }
    
    /* links oben das erste Feld */
    .meta {
        background:#ffd700  !important;
    }
    .meta:hover {
        background: #ffe680 !important;
    }
    
    /* linke Seite die untere Box */
    div.container ol{
        background: #ffd700  !important;
    }
    
    #login-sort label {
        padding-left: 25px !important;
    }    
    
    .login-list-item.selected {
        background: #fff0b3 !important; 
        border-left: 2px!important;
    }
    .login-list-item.selected:hover {
        background: #ffdb4d !important;        
    }
    
    /* rechts die große Box */
    html.initialized body login-item,
    .login-selected.initialized body login-item {
        margin-left: 30px !important;
    }
    
    /* links die große Box */
    html.initialized body login-list.initialized.create-login-selected,
    .login-selected.initialized body login-list.initialized {
        margin-right: -40px !important;
        min-width: 350px !important;
        max-width: 350px !important;
        border: 0px !important;
    }

    .login-list-item{
   /*  border: 1px solid #B2B2B2 !important; */
    background-color: #ffefdb !important;
    color: #000 !important;
    padding: 1px 5px 5px 15px !important;
    margin: 3px 6px 0 3px !important;
    }
    .login-list-item:hover {
    /* border: 1px solid #B2B2B2 !important; */
    background-color: #f0ffff !important;
    color: #000 !important;
    }

    .login-list-item.selected {
   /*  border: 1px solid #B2B2B2 !important; */
    background-color: #6f4e37 !important;
    color: yellow !important;
    padding: 1px 5px 5px 15px !important;
    margin: 3px 6px 0 3px !important;
    }
    .login-list-item.selected:hover {
    background-color: #f0ffff !important;
    color: #000 !important;
    }

    
    /* .login-list-item {
        background-color: #FFFFF0 !important;
    }
    .login-list-item:hover {
        background-color: #ffe680 !important;
    }
        
    .login-item-title {
        color: #0066cc !important;
    } */
    
    .favicon-wrapper,
    .login-item-favicon-wrapper {
        fill: #e69500 !important;
    }
    
    /* rechts blaue horizontale Linie */
    div.container div.column div.header {
        border-bottom: 2px solid dodgerblue !important;
        margin-right: -200px !important;
    }
    
    /* Popup "Neue Zugangsdaten hinzufügen" Border-Radius bei den drei Boxen */
    div.container div.column form div.detail-row label.detail-cell input{
        border-radius: 20px !important;
    }

    /* Button links oben "Name" */
    #login-sort {
    background: #9c1818 url("..//icons/Bild86.png")no-repeat !important;
    padding-left:40px !important;
    padding-right: 5px !important;
    padding-top:  4px!important; 
    padding-bottom: 0px!important; 
    background-position:10px 7px!important;
    font-size:14.0px!important;
    border-style: outset !important;
/*     border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important; */
    color:yellow !important;
    margin-left: -15px !important;
    max-width: 160px  !important;
    }
    
    #login-sort:hover {
    background: #B2EDFA url("..//icons/Bild86.png")no-repeat !important;
    padding-left:40px!important ;
/*     border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important; */
    background-position:10px 5px!important;
    }
    
    /* Button bearbeiten */
    .edit-button {
    appearance:none!important;
    height: 32px !important;
    background: #9c1818 url("..//icons/Bild67.png")no-repeat !important;
    margin-right: 20px !important;
    padding: 0 5px 0 25px !important;
    background-position:14px 7px!important;
    font-size:14.0px!important;
    border: 1px solid dodgerblue !important;
    border-radius:20px !important;
    color:yellow !important; 
    }

    .edit-button:hover {
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild67.png")no-repeat !important;
  /*   border: 1px solid coral !important; */
    background-position:14px 7px!important;
    padding: 0 5px 0 25px !important;
    }
    /* Text im Button verlagert */
    button.ghost-button span {
    margin-top: -3px !important;
    }

    /* Button "Entfernen" */
    .delete-button {
    appearance:none!important;
    height: 32px !important;
    background: #9c1818 url("..//icons/Bild8.gif")no-repeat !important;
    padding: 0 5px 0 25px !important;
    background-position:14px 7px!important;
    font-size:14.0px!important;
/*     border: 1px solid dodgerblue !important;*/
    border-radius:20px !important; 
    color:yellow !important; 
    }
    
    .delete-button:hover {
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild8.gif")no-repeat !important;
    /* border: 1px solid coral !important; */
    background-position:14px 7px!important;
    padding: 0 5px 0 25px !important;
    }    

    /* Button "Kopieren" (Namen) */
    div.detail-row login-command-button.copy-button.copy-username-button {
    appearance:none!important;
    height: 30px !important;
    background: #9c1818 url("..//icons/Bild73.png")no-repeat !important;
    padding: 0 5px 0 35px !important;
    background-position:15px 6px!important;
    background-size: 18px 18px !important;
    font-size:14.0px!important;
 /*    border: 1px solid dodgerblue !important;*/
    border-radius:20px!important; 
    color:yellow !important; 
    }

    div.detail-row login-command-button.copy-button.copy-username-button:hover {
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild73.png")no-repeat !important;
    padding: 0 5px 0 35px !important;
   /*  border: 1px solid coral !important; */
    background-position:15px 6px!important;
    background-size: 18px 18px !important;
    }
    
    /* originale Icons in den Button ausgeblendet */
    .ghost-button > img:nth-child(1) {
    display: none !important;
    }

    /* Button "Kopieren" (Passwort) */
    div.detail-row login-command-button.copy-button.copy-password-button {
    appearance:none!important;
    height: 30px !important;
    background: #9c1818 url("..//icons/Bild74.png")no-repeat !important;
    padding: 0 5px 0 35px !important;
    background-position:15px 6px!important;
    background-size: 18px 18px !important;
    font-size:14.0px!important;
  /*   border: 1px solid dodgerblue !important;*/
    border-radius:20px!important; 
    color:yellow !important; 
    }

    div.detail-row login-command-button.copy-button.copy-password-button:hover {
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild74.png")no-repeat !important;
    padding: 0 5px 0 35px !important;
    /* border: 1px solid coral !important; */
    background-position:15px 6px!important;
    background-size: 18px 18px !important;
    }
    /* Text im Button verlagert */
    button:nth-child(3) > span:nth-child(1){    
    margin-top: -3px !important;
    }        
        
    /* für Button "Kopieren" die Länge */    
    div.detail-row login-command-button.copy-button.copy-username-button,
    div.detail-row login-command-button.copy-button.copy-password-button {
    min-width: 120px !important;
    }

    
    /* Button "Adresse der Website" */
    .origin-input {
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild75.png")no-repeat !important;
    padding: 2px 40px 6px 45px !important;
    background-position:15px 5px!important;
    background-size: 18px 18px !important;
    font-size:14.0px!important;
/*     border: 1px solid dodgerblue !important;*/
    border-radius:20px!important; 
    color:black !important; 
    }

    .origin-input:hover {
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild75.png")no-repeat !important;
    padding: 2px 40px 6px 45px !important;
    background-position:15px 5px!important;
    background-size: 18px 18px !important;
    font-size:14.0px!important;
/*     border: 1px solid coral !important; */
    border-radius:20px!important;
    color:yellow !important; 
    }    
    
    .fxaccounts-enable-button {
    appearance:none!important;
    background: #9c1818 url("..//icons/Bild83.png")no-repeat !important;
    padding-left:35px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 6px!important;
    color:yellow!important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:25px!important;
/*     border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;
    border-width:2px !important;*/
    border-radius:20px!important; 
    }

    .fxaccounts-enable-button:hover {
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild83.png")no-repeat !important;
    background-position:10px 6px!important;
/*     border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important; */
    }    

    /* Button "Speichern" im Menü "Neu" */
    .save-changes-button {
    appearance:none!important;
    background: #9c1818 url("..//icons/Bild87.png")no-repeat !important;
    padding: 0 25px 0 45px !important;
    background-position:15px 6px!important;
    background-size: 17px 17px !important;
    font-size:14.0px!important;
/*     border: 1px solid dodgerblue !important;*/
    border-radius:20px!important; 
    color:black !important; 
    }
    
    .save-changes-button:hover {
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild87.png")no-repeat !important;
    padding: 0 25px 0 45px !important;
   /*  border: 1px solid coral !important; */
    background-position:15px 6px!important;
    background-size: 17px 17px !important;
    }
        
    /* Button "Abbrechen" im Menü "Neu" */
    .cancel-button {
    appearance:none!important;
    background: #9c1818 url("..//icons/Bild88.png")no-repeat !important;
    padding: 0 25px 0 45px !important;
    background-position:15px 6px!important;
    background-size: 17px 17px !important;
    font-size:14.0px!important;
 /*    border: 1px solid dodgerblue !important;*/
    border-radius:20px!important; 
    color:yellow !important; 
    }
    
    .cancel-button:hover {
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild88.png")no-repeat !important;
    padding: 0 25px 0 45px !important;
  /*   border: 1px solid coral !important; */
    background-position:15px 6px!important;
    background-size: 17px 17px !important;
    }        
    
    /* Auge vor Passwort kopieren */
    .reveal-password-checkbox {
        fill: #0070ff !important;
    }
    .reveal-password-checkbox:hover {
        fill: #c32148 !important;
    }
    
    /* Web-Adresse im Menü "Neu" linker Abstand */
    div.container div.column form div.detail-row label.detail-cell input{
    padding-left: 15px !important;
    }
    
    /* Überschrift im Menü "Neu" */
    div.container div.column div.header h2.title span.new-login-title {
    color: #006b3c !important;
    }
    /* das Welt-Icon davor */ 
    div.container div.column div.header img.login-item-favicon {
    fill: brown !important;
    }

    /* Drei-Punkte-Button oben rechts */
    button.menu-button.ghost-button {
        background-color: #9c1818 !important;
       /*  border: 2px solid orange !important;
        border-radius: 0 !important; */
        fill: green !important;        
    }
    button.menu-button.ghost-button:hover {
        background-color: #B2EDFA !important;
        /* border: 2px solid crimson !important; */
        fill: red !important;        
    }
    /* Menü hinter Drei-Punkte-Button */
    ul.menu button.menuitem-button {
        background-color: beige !important;
       /*  border: 1px solid silver !important; */
        margin-top: 2px !important;
    }
    ul.menu button.menuitem-button:hover {
        background-color: #B2EDFA !important;
       /*  border: 1px solid coral !important; */
    }    
    
    .meta-info:first-of-type::before {
        border-top: none  !important;
    }    
    
    /* Popup-Menü hinter Dreipunkte-Button - die Button */
    .menu {
       /*  border: 3px solid dodgerblue !important; */
        padding: 5px !important;
    }

    .menuitem-import-browser {
        width: 100% !important;
        height: 24px !important;
        fill:  green !important;
        color: black!important;
    }
    
    .menuitem-export {
        width: 100% !important;
        height: 24px !important;
        fill:  orange !important;
        color: black !important;
    }
    
    .menuitem-import {
        width: 100% !important;
        height: 24px !important;
        fill:  #cc3300!important;
        color: black !important;
    }
    
    .menuitem-import-file {
        width: 100% !important;
        height: 24px !important;
        fill:  blue !important;
        color: black !important;
    }
    
    .menuitem-remove-all-logins {
        width: 100% !important;
        height: 24px !important;
        fill:  #cc3300!important;
        color: black !important;
        margin-left: -1px !important;
    }
    
    .menuitem-help {
        width: 100% !important;
        height: 24px !important;
        fill: blue!important;
        color: black !important;
    }
    
    .menuitem-preferences {
        width: 100% !important;
        height: 24px !important;
        fill: dodgerblue!important;
        color: blue !important;
        font-weight: 600 !important;
    }    
    
    .menuitem-mobile[data-l10n-id="menu-menuitem-android-app"] {
        width: 100% !important;
        height: 24px !important;
        fill: #33cc33!important;
        color: black!important;
    }

    .menuitem-mobile[data-l10n-id="menu-menuitem-iphone-app"] {
        width: 100% !important;
        height: 24px !important;
        fill: #9900ff!important;
        color: black!important;
    }    
    }

Alles anzeigen

Ich habe dazu den von FuchsFan genommen, danke dafür.

Zitat von Mira_Belle

Soll ich

Kannst ja die Feinheiten noch machen

Alles anzeigen

Danke dafür. Ich habe nur ein Problem: Die ganzen :hover Farben passen nicht. Und ich finde mich in dem Code nicht zurecht. Außerdem sind in dem Code zusätzliche Icons definiert, die ich nicht brauche.

Gibt es nirgends eine Auflistung darüber, wie man die Selektoren anpassen muss, damit ich meinen Code selbst erneuern kann?

Zitat von 2002Andreas

Zitat von Mira_Belle

Habe ich was vergessen?

Der ganze Code müsste angepasst/erneuert werden.

So sieht das in Fx 115 damit aus:

Hättest du für mich zufällig die neuen Selektoren für "Bearbeiten" und "Entfernen" in der oberen Zeile und für "Kopieren" neben Benutzername und Passwort?

Ich habe jetzt angefangen, die Datei komplett neu aufzubauen, komme aber bei den Buttons nicht weiter als zuvor.

Zum Beispiel habe ich für den Kopieren-Button als neue Klasse

.copy-button .copy-username-button

mit den Browserwerkzeugen gefunden. Das funktioniert aber genau so wenig, wie das alte

.copy-button

welches ich in meinem bisherigen Code dafür verwendet habe.

Zitat von 2002Andreas

Zitat von Mira_Belle

Ich kann nicht einmal erahnen, wie die Seite aussehen soll!

So sieht die mit dem Code von ihm aus

Genau so ist es auch bei mir. Warum funktioniert bei manchen buttons der css-Code noch und bei anderen sieht es ganz komisch aus? Und: Was muss ich anpassen?

2002Andreas  Sören Hentzschel kann mir einer von euch weiterhelfen?

Zitat von Mira_Belle

Zitat von Firefox_94.0.1

Der passt halt leider ganz und gar nicht zu meinen sonstigen Design. Ich möchte einfach nur den Code für die Buttons anpassen...

---

Was hast du bei den Buttons wie geändert? Vielleicht hilft mir das, damit ich das bei mir auch entsprechend anpassen kann.

Kannst Du mit den Browserwerkzeugen umgehen?

Wenn ja, dann pass Dir doch Fuchsfans oder meinen Code ganz einfach Deinen Bedürfnissen an.

Hast Du noch einen Screenshot Deiner alten Anpassung?

Welcher Teil von deinem Code ist denn für die Buttons? Und: was wurde da Firefox-Seitig bei den Buttons genau geändert, so dass manche Anpassungen noch funktionieren, und manche nicht?

Ich finde mit den Browser-Werkzeugen auch mit deinem Code nicht die (neuen) Werte für die Buttons.