Hintergrundfarbe und Rahmenfarbe Popup Downloads

  • Firefox-Version
    102
    Betriebssystem
    Windows 11

    Hallo Zusammen,

    wie kann ich mit einem CSS-Code die Hintergrundfarbe und die Rahmenfarbe des Popup für Downloads anpassen?

    Ich meine dies hier:

    Dies hätte ich gerne in schwarz und die Rahmenfarbe rot. Weirehin hätte ich gerne die Schrift etwas größer.

    Danke Euch schonmal

  • in schwarz und die Rahmenfarbe rot.

    Teste bitte:

    CSS
     #downloadsPanel-mainView {
      border: 3px solid red !important;
      background-color: black !important;
      color: white !important;
    }

    die Schrift etwas größer.

    CSS
    #emptyDownloads,
    #downloadsHistory, #downloadsFooterButtons {
      font-size: 19px !important;
    }

    Mit freundlichem Gruß
    Andreas
    Mein Laptop  Meine Add-ons

    Einmal editiert, zuletzt von 2002Andreas (5. Juli 2022 um 20:34) aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.

  • Teste bitte:

    CSS
     #downloadsPanel-mainView {
      border: 3px solid red !important;
      background-color: black !important;
      color: white !important;
    }

    Nach Deinem Screenshot fehlt, würde ich sagen, noch ein border-radius mit Wert x= wohl 6px, sprich border-radius: 6px !important;.

    Meine Lösung sähe so ↓ aus.

    Es grüßt,

    Ralf

  • noch ein border-radius mit Wert

    Du hast recht, kann nicht schaden, danke ;)


    Meine Lösung sähe so ↓ aus.


    CSS
    :root {
      --arrowpanel-border-color: #F20 !important;
    }

    ergibt auch hier einen roten Rahmen:

    Mit freundlichem Gruß
    Andreas
    Mein Laptop  Meine Add-ons

    2 Mal editiert, zuletzt von 2002Andreas (5. Juli 2022 um 20:52) aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.

  • Nabend Zusammen,

    der Code von Dharkness war genau das wie ich es wollte. Vielen Dank Dir und Andreas. Hab die Rahmenfarbe noch angepasst auf ein dunkleres Rot. Perfekt.

  • Dharkness

    Nebenbemerkung, bitte nicht Böse nehmen:

    Wie 2002Andreas schon im Beitrag #4 anführte, trifft:

    CSS
    :root {
        --arrowpanel-border-color: #F20 !important;
    }

    auch andere Kontextmenüs, die mit dieser Variable arbeiten.

    So nur das vom User Gewünschte:

    CSS
    #downloadsPanel-mainView {
        --arrowpanel-border-color: #F20 !important;
    }

    Der User wird das jetzt nicht bemerken, da er bereits den border z.B. des #appMenu-popup rot eingefärbt hat, siehe:

    Vlex
    1. Juli 2022 um 22:09

    und tschüss, der aufdringliche Besserwisser...

  • Merkwürdig!

    Der User nutzt als Theme 'Black Glossy 3D'.

    Könnte das damit zusammenhängen?

    Das läuft hier:

    CSS
    #downloadsPanel-mainView {
        --arrowpanel-background: black !important;
        --arrowpanel-border-color: red !important;
        font-size: 18px !important;
    }
  • Habe bei mir die Variablen-Deklaration in einer anderen Datei gefunden, muss ich mal gemacht haben, damit alle Dropdowns leichter anzugleichen sind:

    CSS
    #downloadsPanel-mainView {
        background: var(--arrowpanel-background) !important;
        border: 1px solid var(--arrowpanel-border-color) !important;
        border-radius: var(--arrowpanel-border-radius) !important;
        padding: var(--arrowpanel-padding) !important;
    }

    geht also lediglich in meinem Profil, meiner css.

    So kann man sich irren!