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

  • 2 ŋuɖoɖowo
  • 0 masɔmasɔ sia le wosi
  • Nuɖoɖo mlɔetɔ duhnel

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.

Ŋ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.

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.

Xle ŋuɖoɖo sia le goya me 👍 0

All Replies (2)

more options

Ɖɔɖɔɖ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.

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.

sfhowes trɔe

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?

Bia biabia

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