This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Colorizing events

  • 4 uphendule
  • 0 zinale nkinga
  • Igcine ukuphendulwa ngu sfhowes

more options

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.

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.

Isisombululo esikhethiwe

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.

Online css generator

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.

Funda le mpendulo ngokuhambisana nalesi sihloko 👍 1

All Replies (4)

more options

Isisombululo Esikhethiwe

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.

Online css generator

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.

Okulungisiwe ngu sfhowes

Helpful?

more options

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.

Helpful?

more options

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

Helpful?

more options

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.

Helpful?

Buza umbuzo

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.