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

TB 78: Customise Event Box Background Color By Category

  • 2 replies
  • 1 has this problem
  • 3 views
  • Last reply by 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

Chosen Solution

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.