Thunderbird Lightning: mark all-day events in month/multi-week calendar view
Thunderbird Lightning calendar in month or multi-week view should mark the empty space of days which have an all day event differently.
Write into your ~/.thunderbird/<profilename>/chrome/userChrome.css (maybe need to create the chrome/ directory too):
.calendar-month-day-box-list:has(calendar-month-day-box-item[status=CONFIRMED][allday=true]) {
background: repeating-linear-gradient(
-45deg,
rgba(0, 0, 0, 0.05) 0px 10px,
rgba(255, 255, 255, 0.05) 10px 20px
);
}
userChrome.css needs activation: in about:config set toolkit.legacyUserProfileCustomizations.stylesheets to true. I then had to restart thunderbird for this to be effective.
TODO: use the color of the all-day event(s). Maybe could use the elements() function to reference the rendered event in the background definition?
References
- using userChrome.css: https://www.thunderbird-mail.de/lexicon/entry/45-benutzeroberfl%C3%A4che-per-userchrome-css-anpassen/
- CSS for diagonal stripes:
- fixed size with
linear-gradient()https://fastwp.de/streifen-muster-backgrounds-css3/ repeating-linear-gradient()https://css-tricks.com/stripes-css/- reference example https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/gradient/linear-gradient#gradient_with_multi-position_color-stops
- fixed size with