Colorizing events
For years I have used the extension 'Calendar Tweaks' because it colorizes the entire event in the calendar. This extension is no longer compatible with versions of Thunderbird after 74 so I have stop updation after Version 69. However in resolving problems with authorization I needed to update to the current Version of Thunderbird so my events in the calendar now just show the category color at the edge of the box instead of the entire box. Is there a way in Thunderbird to colorize the entire event box or another extension that does this.
Chosen solution
The event box can show the colour of the event category, with css:
/* Calendar - set event category colour instead of calendar colour */
.calendar-category-box{ margin:0 0 0 -200px !important; min-width: 200px !important; }
.alarm-icons-box,.reminder-icon{ margin:0 0 0 0!important; }
.event-name-label,.item-time-label,.alarm-icons-box,.reminder-icon{ z-index:100000!important; }
.calendar-item-flex{ padding:0!important; }
.calendar-month-day-box-list-item{ margin:0!important; }
.calendar-color-box{ border:none!important; }
.event-name-label{ white-space:break-spaces !important; }
Help/Troubleshooting Info, Profile Folder, Open Folder, close TB, create a new folder named chrome, create a new document in chrome with a text editor, name it userChrome.css, Save as type: All files *.*, copy in the above code. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB.
video on how to create a css file (Firefox and TB)
The first picture shows the box without the css, with the box colour the calendar colour, and the category colour at the edge. The second picture shows the category colour as the box colour. This works in TB 115, 128.
Read this answer in context 👍 1All Replies (4)
Chosen Solution
The event box can show the colour of the event category, with css:
/* Calendar - set event category colour instead of calendar colour */
.calendar-category-box{ margin:0 0 0 -200px !important; min-width: 200px !important; }
.alarm-icons-box,.reminder-icon{ margin:0 0 0 0!important; }
.event-name-label,.item-time-label,.alarm-icons-box,.reminder-icon{ z-index:100000!important; }
.calendar-item-flex{ padding:0!important; }
.calendar-month-day-box-list-item{ margin:0!important; }
.calendar-color-box{ border:none!important; }
.event-name-label{ white-space:break-spaces !important; }
Help/Troubleshooting Info, Profile Folder, Open Folder, close TB, create a new folder named chrome, create a new document in chrome with a text editor, name it userChrome.css, Save as type: All files *.*, copy in the above code. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB.
video on how to create a css file (Firefox and TB)
The first picture shows the box without the css, with the box colour the calendar colour, and the category colour at the edge. The second picture shows the category colour as the box colour. This works in TB 115, 128.
Modified by sfhowes
Wow, took me 5 minutes to implement your solution and now I have colorizing again. It's a wonder that the Thunderbird designers don't implement such a fix. Having the event colorizing only on one edge makes it nearly invisible, thus worthless.
Hi, I have done all this, and still no luck. Anything else that I can try? Does it matter that I am running Tbird on Ubuntu?
Thanks, Bob
Santa Bob said
Hi, I have done all this, and still no luck. Anything else that I can try? Does it matter that I am running Tbird on Ubuntu? Thanks, Bob
It should work on any OS, although I've only tried it on Windows. You have to follow the directions exactly or it won't work.
You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.