Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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

TB 78: Customise Event Box Background Color By Category

  • 2 ŋuɖoɖowo
  • 1 masɔmasɔ sia le esi
  • 3 views
  • Nuɖoɖo mlɔetɔ avg1502

more options

I have been using the Calendar Tweaks add on to color event box background by category instead of simply adding a flair on the right side. (Similar to the functionality of Outlook). However, since this Add On is no longer maintained and supported by the devs, it will not be updated to be compatible with the newer version.

Hence upon upgrading to TB 78.3.2, I have tried to replicate this funtionality using the ChromeUser.css file and enabling toolkit.legacyUserProfileCustomizations.stylesheets from the config editor. However, lacking the knowledge of the current structure of functions and exact nomenclature, this is proving difficult. Currently I have used the following script which obviusly does not work as it is outdated.

.calendar-color-box[categories~="myCategory"], .calendar-event-box-container[categories~="myCategory"] {

  background-color: #FF0000 !important;

}

I would appreciate if someone could provide corrections for the same or provide an alternative customisation method which will not be affected by subsequent updates.

I have been using the Calendar Tweaks add on to color event box background by category instead of simply adding a flair on the right side. (Similar to the functionality of Outlook). However, since this Add On is no longer maintained and supported by the devs, it will not be updated to be compatible with the newer version. Hence upon upgrading to TB 78.3.2, I have tried to replicate this funtionality using the ChromeUser.css file and enabling toolkit.legacyUserProfileCustomizations.stylesheets from the config editor. However, lacking the knowledge of the current structure of functions and exact nomenclature, this is proving difficult. Currently I have used the following script which obviusly does not work as it is outdated. ''.calendar-color-box[categories~="myCategory"], .calendar-event-box-container[categories~="myCategory"] { background-color: #FF0000 !important; }'' I would appreciate if someone could provide corrections for the same or provide an alternative customisation method which will not be affected by subsequent updates.

All Replies (2)

more options

Ɖɔɖɔɖo si wotia

more options

Thanks for the reply. This works and I have been able to implement it on both Ubuntu and Windows for TB 78.3.2.