Lightning: Farben bei Kategorien anpassen

Zu Punkt 1:

.calendar-event-details{ color: #9facbe !important;background-color: #10151a !important;border: 1px solid #2b5278 !important; }

Die Farben mußt Du mit Deinen ändern.

Zu Punkt 2:

Schau mal in die Einstellungen für die Zeichenkodierung, es sollte UTF-8 sein.

Ist aber nur eine Vermutung, da ich kein Windows verwende.

In meinem Debian Sid ist das die Voreinstellung.

Hallo zusammen,

den Farbbalken rechts ist die Kategorie und den kann man glaube ich nur ausblenden.

Zu mindestens habe ich das so gemacht.

Das muss man dann für jede Kategorie machen, hier ein Beispiel für die Kategorie "Frisör"

calendar-category-box[categories~="fris-uxf6-r"] {
    display: none !important;
}

Umlaute funktionieren nicht, früher stand die Bezeichnung so in der "pref.js" jetzt leider nicht mehr.

Wie man jetzt an den Code kommt kann ich im Moment nicht sagen.

Gruß
EDV-Oldi

Hm, bei mir funktioniert das so, ich habe allerdings in meiner userChrome.css als ersten Eintrag generell die Border ausgestellt:

* { border: none !important; }

Ich habe eine Menge Anpassungen und setze Ränder ganz gezielt ein. Evtl. verschwinden dann bei Dir einige davon, mußt Du mal testen.

So sieht das bei mir aus.

Vielleicht mußt Du das Systemtheme auch mal ändern, möglich, daß es die Farben verändert.

Sind die Umlaute denn jetzt sichtbar, das kann man in Deinem Screenshot nicht erkennen.

Quote from swetrain

der blöde Rahmen hat nämlich immer noch die Kalenderfarbe

Das ist kein Rahmen sondern die (Hintergrund-) Farbe der gesamten Box, die der Farbe des jeweiligen Kalenders entspricht.

Die Box ist größer und erscheint im Hintergrund dann als "Rahmen".

Habe dafür auch keine wirkliche Lösung, da sich diese Box nicht mit der Kategorie ansprechen läßt.

Nur völlig "Entfärben" dieser Box geht mit .calendar-color-box {background-color: #ffffff !important;} (hier bei weißen Hintergrund), dadurch entfällt der lästige Rahmen - aber das gilt für alle Termine - und macht nicht wirklich Sinn.

Habe nicht weiter dazu gefunden...

Habe noch etwas experimentiert...

Nur mit diesen beiden einfachen Ausdrücken funktioniert das:

/* Termin-Farben in der Terminliste */
[categories="pers-uxf6-nlich"] {
    --item-backcolor:  #cc66cc !important;
    color: #000000 !important;
}
calendar-category-box [categories~="pers-uxf6-nlich"] {
    display: none !important;
}

Das funktioniert bei mir für die Termine der Kategorie "Persönlich".

Anmerkung: insgesamt ist diese CSS-Anpassung der Termine so eine Sache.

Bei mir (unter Linux) wird hin und wieder mal

- der Kalender nicht vollständig geladen (Tabbeschriftung "Kalender" fehlt, Tage mit Termin im Minikalender nicht fett, ...)

- Terminbeschriftungen ggf. unsichtbar u.s.w.

Da hilft auch kein "Restart", der Code macht einfach Probleme.

Das habe ich doch auch schon geschrieben, aber keiner hat darauf reagiert.

Thomas S.

Wenn Du meinen Beitrag nicht gelesen haben solltest , woher hast Du den Code für das ö ?.

Wie oben schon geschrieben stand das früher so in der Preis.js

Quote from edvoldi

Das habe ich doch auch schon geschrieben

Und ich habe das durchaus gelesen. Die Idee mit dem Ausblenden der "kleinen" Kategoriemarkierung ist auch daher.

Die entsprechenden Codes für die Kategorie mit Umlauten und die Farben (als Variable) stehen so 1:1 in der Entwicklerkonsole, die ich auch intensiv zum finden der Codes nutze:

Quote from Thomas S.

Die entsprechenden Codes für die Kategorie mit Umlauten und die Farben (als Variable) stehen so 1:1 in der Entwicklerkonsole,

Gut zu wissen, da das nicht mehr in der prefs.js steht weiß ich wo ich nach schauen muss.

Ich benutze seit ca. Sunbird 0.5 diesen Code für meine Kategorien.

/*   Kategorie: Urlaub   */

.calendar-event-box-container[categories~="urlaub"] {
padding-left:20px !important;
background-image:url("pics/urlaub.jpg") !important;
background-position:top left !important;
background-repeat:no-repeat !important;
}

calendar-category-box[categories~="urlaub"] {
    display: none !important;
}

Ich habe meinen Kategorien allen ein Bild/Symbol gegeben, als Hintergrundfarbe habe ich nur die Kalenderfarben.

Gruß
EDV-Oldi

Quote from Thomas S.

Bei mir (unter Linux) wird hin und wieder mal

- der Kalender nicht vollständig geladen (Tabbeschriftung "Kalender" fehlt, Tage mit Termin im Minikalender nicht fett, ...)

- Terminbeschriftungen ggf. unsichtbar u.s.w.

Da hilft auch kein "Restart", der Code macht einfach Probleme.

Das kann ich bestätigen. Das passiert, wenn ich die Hintergrundfarbe, die Schriftfarbe und die Ränderfarbe gesondert angebe, so wie oben beschrieben.

Das passiert nicht, wenn ich "-moz-appearance: textfield" angebe, dann werden die Farben des Themes umgesetzt. In meinem Falle sind es die gleichen Farben, daher macht es keinen Unterschied.

Quote from edvoldi

Ich habe meinen Kategorien allen ein Bild/Symbol gegeben

Interessant!

Wie hast Du das mit dem Text gelöst?

Bei mir verdeckt die Grafik den Text.

steht doch im meinem Code.

padding-left:20px !important;

Gruß EDV-Oldi vom Smartphone

Ich hätte gedacht, da gibt es noch mehr Code, denn bei mir bewirkt "padding-left" rein gar nichts.

Der Text klebt links am Rand und wird von der Grafik verdeckt. Linux möglicherweise...

Quote from Thomas S.

Linux möglicherweise...

oder ein anderer Code.

Gruß
EDV-Oldi

Quote from edvoldi

oder ein anderer Code.

Definitiv nicht, geprüft.

Der folgende Code ist bei mir notwendig, um dieses Aussehen zu erzielen.

Die Farbe wird aus den normalen TB-Lightning-Optionen übernommen und kann daher dort wie üblich festgelegt werden.

Hier für nur eine einzige Kategorie (Urlaub):

/* Termin-Farben in der Termintabelle anpassen bei Zuordnen einer Kategorie */
/* Je nach Bedarf muß für jede Kategorie der folgende Abschnitt komplett angelegt werden */

/* Zuordnen der Kategoriefarbe für alle Hintergründe der (Kategorie-) Termine (Text = schwarz) */
* [categories="urlaub"] {
    --item-backcolor:  var(--category-urlaub-color) !important;
    color: #000000 !important;
}
/* Zuordnen einer Grafik zu einer bestimmten Kategorie */
.calendar-event-box-container [categories="urlaub"] {
    background-image: url("icons/urlaub.png") !important;
    background-position: center left !important;
    background-repeat: no-repeat !important;
}
/* Verschiebung des Textinhalts bei einer Grafik links und 
   Verschieben des Glockensymbols an die normale Position bei Ausblenden des Standard-Kategoriefarbbalken rechts */
.calendar-event-box-container[categories="urlaub"] > .calendar-event-details {
    padding-left: 35px !important;
    margin-inline-end: 1px !important;
}
/* Ausblenden des Standard-Kategoriefarbbalken rechts */
calendar-category-box [categories="urlaub"] {
    display: none !important;
}

Hallo zusammen,

ich verwende den Code von Thomas S., allerdings ohne Bild.
Im Kalender funktioniert der Code wunderbar,

in den Terminen des Tageplanes auf der Thunderbird Startseite
nur bei ganztägigen Terminen.
Gibt es dafür eventuell eine Lösung?

Gruß, Peter