In meiner Symbolleiste habe ich das Symbol für Offnen von Chronik, Lesezeichen und mehr. Nach Klick darauf öffnet sich ein Dropdownfenster mit Lesezeichen, Pocket Liste, Chronik usw. Da würde ich gerne die Hintergrundfarbe, die Schriftfarbe und die Hoverfarbe ändern. Geht das mit einem CSS-Code?
Danke vorab
Johnny
Geht das mit einem CSS-Code?
Ja.
Teste bitte, Farben wenn dann anpassen.
#appMenu-libraryView {
background: red !important;
color: white !important;
}
.subviewbutton:hover{
background: yellow !important;
color: black !important;
}Und so, wenn du jede Zeile einzeln ansprechen willst:
#appMenu-library-bookmarks-button:hover,
#appMenu-library-pocket-button:hover,
#appMenu-library-history-button:hover,
#appMenu-library-downloads-button:hover,
#appMenu-library-remotetabs-button:hover{
background: yellow !important;
color: black !important;
}So sieht das hier damit aus:
Und so, wenn das auch für die Unterpopups sein soll:
#customizationui-widget-multiview panelview {
color: white !important;
background: red!important;
}
.subviewbutton:hover{
background: yellow !important;
color: black !important;
}Vielen, lieben Dank. Perfekt!!
Genauso wollte ich das.
Freut mich wenn ich dir damit helfen konnte, war gern geschehen 
Hi Andreas,
noch eine kurze Frage:
Ich habe zu Deinem Code noch, wo das auch für die Unterpopus funktioniert, noch
border-radius: 20px !important;
border: solid #400000 1px !important;
hinzugefügt. Aber wie krieg ich noch die blöden weissen Ecken weg. Siehe Bild.
So sieht mein code dann aus:
#customizationui-widget-multiview panelview {
color: #ffffff !important;
background: #000000 !important;
border-radius: 20px !important;
border: solid #400000 1px !important;
}
.subviewbutton:hover{
background: #181818 !important;
border-radius: 80px !important;
}
Teste bitte:
#customizationui-widget-multiview panelview {
color: #ffffff !important;
background: #000000 !important;
border-radius: 20px !important;
border: solid #400000 1px !important;
}
panel[type="arrow"].panel-no-padding::part(arrowcontent) {
border-radius: 20px !important;
border: solid #400000 1px !important;
}
.subviewbutton:hover{
background: #181818 !important;
border-radius: 80px !important;
}Leider bleiben die weißen Ecken weiterhin bestehen
Teste mal bitte diese Variante:
vbox.panel-arrowcontainer box.panel-arrowcontent {
background-color: rgb(50,50,52) !important;
border: 2px solid green !important;
border-radius: 10px !important;
color: white !important;
font-size: 12px !important;
}Farben etc. dann nach deinen Wünschen anpassen...
Oder auch:
#customizationui-widget-multiview panelview {
color: #ffffff !important;
background: #000000 !important;
border-radius: 20px !important;
border: solid #400000 1px !important;
}
.panel-arrowcontent,
panel[type="arrow"].panel-no-padding::part(arrowcontent) {
border-radius: 20px !important;
border: solid #400000 1px !important;
}
.subviewbutton:hover{
background: #181818 !important;
border-radius: 80px !important;
}Hi grisu2099,
Ich hab einfach Deinen Code mit dem von Andreas gekoppelt. Dann ist es perfekt!!!
#customizationui-widget-multiview panelview {
color: #ffffff !important;
background: #000000 !important;
}
.subviewbutton:hover{
background: #181818 !important;
border-radius: 80px !important;
}
vbox.panel-arrowcontainer box.panel-arrowcontent {
border-radius: 20px !important;
border: solid #400000 1px !important;
}
Danke Euch beiden nochmals. Top!!!
Gern geschehen!
