Öffnen von Chronik, Lesezeichen und mehr

Du benötigst Hilfe bezüglich Firefox? Bitte stelle deine Frage im öffentlichen Bereich des Forums und nicht per Konversation an wahllos ausgesuchte Benutzer. Wähle dazu einen passenden Forenbereich, zum Beispiel „Probleme auf Websites“ oder „Erweiterungen und Themes“ und klicke dann rechts oben auf die Schaltfläche „Neues Thema“.
  • Firefox-Version
    78.0.2
    Betriebssystem
    Windows 10 Home

    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

    2 Mal editiert, zuletzt von JohnnyKidd ()

  • Geht das mit einem CSS-Code?

    Ja.

    Teste bitte, Farben wenn dann anpassen.

    CSS
    #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:


    CSS
    #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:


    CSS
    #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.

  • 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:


  • Leider bleiben die weißen Ecken weiterhin bestehen

  • Teste mal bitte diese Variante:

    CSS
    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:


  • 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!!!