wieder mal CSS anpassen - Kalenderfarben

  • Moin allerseits.


    Nutze TB v78.12.0 auf diversen Rechnern mit Win 10/64 und 8.1/64 und möchte Farben in der Kalenderansicht ändern.

    Habe hier und im Camp-Firefox viel zu dem Thema gefunden, leider tu' ich mich schwer bei der Anwendung des "Inspectors".


    Konkret geht es um die Hintergrundfarben der Tage außerhalb des aktuellen Monats. Aktuell sind diese leicht grau hinterlegt und setzen sich für mich nicht stark genug vom Weiß des aktuellen Monats ab, weswegen ich die Grautöne für Wochentage und Wochenenden jeweils ein, zwei Nuancen dunkler gestalten würde.



    Eine modifizierte userchrome.css ist bereits vorhanden, nur welche Einträge wären in diesem Fall für mein Vorhaben nötig?

    Ich hoffe da mal ganz frech auf Eure Unterstützung :saint:


    Danke und bleibt gesund

    Achim

    Desktop Win 8.1/64 Pro, TB 78.14.0/64, Cardbook 62.2
    Laptop Win 10/64-1909 Home, TB 78.14.0/64, Cardbook 62.2

    A5 Android 8.0, DAVx5 3.4.0.1-ose


    Ich bin verantwortlich für das was ich sage, nicht für das was Du verstehst...

  • Hallo K.Achim,

    bitte testen:

    Farben muss Du noch anpassen.


    Gruß

    EDV-Oldie

  • Schaue mal ob du was davon gebrauchen kannst


    Bei der dunklen Theme sieht es bei mir so aus



    Gruß Micha


    Mein produktiver Mailclient ist der portable TB mit der derzeit aktuellsten Version.

    Ansonsten in diversen VMs und zu Testzwecken diverse portable TB in den Versionen 78.* und Beta.

  • Das ging ja schnell, herzlichen Dank :love:


    Habe auch schon eine Weile mit Euren Vorschlägen gebastelt und komme schon fast zu meinem Begehr, wenn ich es so mache:


    CSS
    /* Farbe letzter und kommender Monat in mehrwöchiger und Monatsansicht */ .calendar-month-day-box-other-month[relation="past"],.calendar-month-day-box-other-month[relation="future"]    { background: #bbbbbb !important;}
    
    /* Farbe letzter und kommender Monat in mehrwöchiger und Monatsansicht Label*/ .calendar-month-day-box-other-month .calendar-month-day-box-date-label[relation="past"],.calendar-month-day-box-other-month .calendar-month-day-box-date-label[relation="future"]	{   background: #656565 !important;}
    
    /* Farbe Wochenende in mehrwöchiger und Monatsansicht */
    .calendar-month-day-box-day-off.calendar-month-day-box-other-month,.calendar-month-day-box-date-label[weekend="true"] { background: #9f9f9f!important;}

    Die Farben sind allerdings noch nicht fix. Und was ich bisher nicht hinbekommen habe, die Label an den "other-month"- Wochenenden unabhängig von den restlichen "other-month"-Wochentagen einzufärben.

    Werde noch ein wenig damit spielen müssen.


    Habt mir schonmal sehr geholfen :)

    Danke und Gruß

    Achim

    Desktop Win 8.1/64 Pro, TB 78.14.0/64, Cardbook 62.2
    Laptop Win 10/64-1909 Home, TB 78.14.0/64, Cardbook 62.2

    A5 Android 8.0, DAVx5 3.4.0.1-ose


    Ich bin verantwortlich für das was ich sage, nicht für das was Du verstehst...

  • Und was ich bisher nicht hinbekommen habe

    Meinst Du so etwas?

    CSS
    /*   Wochenende in mehrwöchiger und Monatsansicht   */
        .calendar-month-day-box-day-off.calendar-month-day-box-current-month,
        .calendar-month-day-box-date-label[weekend="true"] {
        background: #f7ffe3 !important; 
        }
        
    /*   ---------------------------------------------------------   */



    Gruß

    EDV-Oldie

  • Leider nein, das färbt die Wochenendtage, nicht den "Kopf"


    Ich versuche es mal zu verdeutlichen. Im folgenden Bild hat Punkt (1) und (3) nach meinem Code die gleiche Farbe und ich kann diese nicht unabhängig voneinander einstellen. Eigentlich möchte ich jedoch alle Hintergründe an den Punkten (1) - (4) unabhängig behandeln können...


    Mir ist aber gerade eben noch ein Problem aufgefallen. Der aktuelle Tag hat bei mir einen roten Rahmen, der markierte Tag bekommt einen gelben Hintergrund. Letzteres wird nicht bei den von mir an den gemäß Code eingegrauten Tagen angewendet. Gibt es da auch eine Lösung für?


    Danke und Gruß

    Achim


    Desktop Win 8.1/64 Pro, TB 78.14.0/64, Cardbook 62.2
    Laptop Win 10/64-1909 Home, TB 78.14.0/64, Cardbook 62.2

    A5 Android 8.0, DAVx5 3.4.0.1-ose


    Ich bin verantwortlich für das was ich sage, nicht für das was Du verstehst...

  • Meinst Du das so?

    CSS
    /*   Letzter und kommender Monat in mehrwöchiger und Monatsansicht   */ 
        .calendar-month-day-box-other-month .calendar-month-day-box-date-label[relation="past"],
        .calendar-month-day-box-other-month .calendar-month-day-box-date-label[relation="future"]    {
        background: yellow !important;
        }    
        .calendar-month-day-box-other-month[relation="past"],
        .calendar-month-day-box-other-month[relation="future"]    {
        background: red !important;
        }



    Gruß

    EDV-Oldie

  • Noch ein Problem festgestellt: In der Ansicht "mehrere Wochen" wirkt sich der Code nicht aus... :/


    Edit: sehe grad Deine Antwort, prüfe ich :)

    Desktop Win 8.1/64 Pro, TB 78.14.0/64, Cardbook 62.2
    Laptop Win 10/64-1909 Home, TB 78.14.0/64, Cardbook 62.2

    A5 Android 8.0, DAVx5 3.4.0.1-ose


    Ich bin verantwortlich für das was ich sage, nicht für das was Du verstehst...

  • Meinst Du das so?

    Leider nein, auch so werden die Kopfdaten an Wochentagen und and Wochenenden gleich eingefärbt, in diesem Falle gelb...


    Grüßle :)

    Desktop Win 8.1/64 Pro, TB 78.14.0/64, Cardbook 62.2
    Laptop Win 10/64-1909 Home, TB 78.14.0/64, Cardbook 62.2

    A5 Android 8.0, DAVx5 3.4.0.1-ose


    Ich bin verantwortlich für das was ich sage, nicht für das was Du verstehst...

  • Hier noch eine besonders hübsche Demo ^^




    Gruß

    Achim

    Desktop Win 8.1/64 Pro, TB 78.14.0/64, Cardbook 62.2
    Laptop Win 10/64-1909 Home, TB 78.14.0/64, Cardbook 62.2

    A5 Android 8.0, DAVx5 3.4.0.1-ose


    Ich bin verantwortlich für das was ich sage, nicht für das was Du verstehst...

  • Scheinbar unterscheidet der Kalender in der "Mehrere Wochen" Ansicht nicht zwischen alten und neuen Monat.

    Der Code heißt überall

    Code
    .calendar-month-day-box-current-month


    Gruß

    EDV-Oldie

  • Kein Problem, im Wesentlichen funktionierts ja und ich kann damit leben. Hier jetzt nochmal mein aktueller Code, der auch alle Tage wieder gelb selektieren kann.

    CSS
    /* Farbe letzter und kommender Monat in Monatsansicht*/
    .calendar-month-day-box-other-month[relation="past"],.calendar-month-day-box-other-month[relation="future"]    { background: #e1e1e1 !important;}
    
    /* Farbe letzter und kommender Monat in Monatsansicht Label*/
    .calendar-month-day-box-other-month .calendar-month-day-box-date-label[relation="past"],.calendar-month-day-box-other-month .calendar-month-day-box-date-label[relation="future"]    {   background: #c3c3c3 !important;}
    
    /* Kalendertag "selektierter Tag" */
    .calendar-month-day-box-current-month[selected="true"],.calendar-month-day-box-day-off[selected="true"],.calendar-month-day-box-other-month[selected="true"] { background-color: #fdfddb !important;}


    Also Danke Euch nochmal :)

    Gruß

    Achim

    Desktop Win 8.1/64 Pro, TB 78.14.0/64, Cardbook 62.2
    Laptop Win 10/64-1909 Home, TB 78.14.0/64, Cardbook 62.2

    A5 Android 8.0, DAVx5 3.4.0.1-ose


    Ich bin verantwortlich für das was ich sage, nicht für das was Du verstehst...

  • Jetzt möchte ich auch meinen Senf dazugeben. Ich habe in die userChrome.css Einträge aufgenommen, die die nicht mehr funktionierende Erweiterung CalendarTweaks ersetzten, und zwar mit den gleichen Farben.