Ich denke, ich hab's hingekriegt.
Am schwersten war es, den Blau-Ton vom "Hover" passend zu bekommen. Ich habe ein Screenshot von einem Menü gemacht mit einem Maus-Hover darauf. Dann habe ich mit GIMP bzw. dessen Color-Picker den Farbton rausgefunden. Diesen habe ich im Abschnitt menuitem:hover eingebaut.
Da dieser Ton leider immer noch falsch war, habe ich alle 6 Stellen des Farbcodes um je 1 (in Hex) erhöht. Das hat dann gepasst.
Dann habe ich noch die schwarzen Ränder gegen einen leichten Grau-Ton getauscht (siehe Code-Block) und das war's. So passt es ganz gut.
Mein Code sieht nun so aus:
menupopup {
appearance: none !important;
border: 1px solid #444 !important;
background: #444 !important;
padding: 0 !important;
}
menupopup menuseparator {
appearance: none !important;
border: 0 !important;
padding: 1px 0 0 0 !important;
margin: 3px 0 !important;
background: #888 !important;
}
menupopup menuitem,
menupopup menu {
appearance: none !important;
background: #444 !important;
color: white !important;
padding: 2px 5px !important;
min-height: 25px !important;
margin: 1px 4px 0 4px !important;
}
menupopup menuitem:hover,
menupopup menu:hover {
background: #4EBFFA !important;
}
menupopup menuitem > .menu-text,
menupopup menuitem > .menu-iconic-text,
menupopup menu > .menu-text {
color: #FFF !important;
}
menupopup menuitem:hover > .menu-text,
menupopup menuitem:hover > .menu-iconic-text,
menupopup menu:hover > .menu-text {
color: #444 !important;
}
menupopup menu > .menu-right > image {
appearance: none !important;
fill: #FFF !important;
}
menupopup menu:hover > .menu-right > image {
appearance: none !important;
fill: #444 !important;
}
Alles anzeigen
@ clio
Das Paket ist schon drin. Scheint aber keine Wirkung zu haben.
@ milupo
Ja, diesen Wert habe ich auch.
Das Einzige, was nun noch nicht ganz passt ist, dass in der Menü-Leiste, direkt über und unter dem Menü noch eine weiße Linie ist, aber nicht in der gesamten Leiste, sondern nur im Bereich der Menüs, also nur einschließlich bis da, wo das Hilfe-Menü ist.