![Thunderbird logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2024-02-12-07-36-53-599028_1.png)
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.
Ŋuɖoɖo si wotia
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.
Xle ŋuɖoɖo sia le goya me 👍 0All Replies (2)
Ɖɔɖɔɖo si wotia
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.
sfhowes trɔe
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.