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.

Buscar en Ayuda

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 respuestas
  • 0 tienen este problema
  • Última respuesta de 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.

Solución elegida

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.

Leer esta respuesta en su contexto 👍 1

Todas las respuestas (4)

more options

Solución elegida

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.

Modificadas por sfhowes el

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?

Haz una pregunta

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