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

Calendar events would be FAR easier to see with custom colors

more options

I FOUND no close TOPIC.

Google calendar allows color-coding of events - but the display is highly inadequate. T-bird 128 calendar apparently HAS no option to color events. But events are FAR easier to see WHEN color-highlighted. Would this be a difficult option??

I FOUND no close TOPIC. Google calendar allows color-coding of events - but the display is highly inadequate. T-bird 128 calendar apparently HAS no option to color events. But events are FAR easier to see WHEN color-highlighted. Would this be a difficult option??

Chosen solution

Wow. Worked! Sorry about the 'thumbs down' - not really appropriate.

Read this answer in context 👍 0

All Replies (8)

more options

I SEE "categories" but it only creates a small, nearly invisible BAR on the right end of the event display. The event should be SIZED according to the TIME assigned and the text BACKGROUND should be changed to the category color, with text changing between black and white as appropriate to the color chosen for contrast.

Helpful?

more options

Hello

About a small nearly invisible BAR on the right end of the event display Take a look at https://support.mozilla.org/en-US/questions/1418974

Helpful?

more options

Thank you for offering, but it is already set to True - so it solves nothing. The current blue background to Events should be ENTIRELY set to a category color - THAT is what's needed. And the Event should use space in the Daily view proportionate to the length of time assigned to it.

Modified by Paul Hubert

Helpful?

more options

Paul Hubert said

Thank you for offering, but it is already set to True - so it solves nothing. The current blue background to Events should be ENTIRELY set to a category color - THAT is what's needed. And the Event should use space in the Daily view proportionate to the length of time assigned to it.

I think you have miss understood the info at that link. You read the section regarding setting a preference to true which is required if you have followed all the instructions on creating a userChrome.css file and it did not work. The user had to check a particular setting, which they ended up selecting as the answer - but it was only part of the answer.

You have not said you created the 'userChrome.css' file - so I'm assuming you did not do it.

So, here are the full instructions again and I've added some images below to act as a guide.

Please check in Thunderbird to see if a setting needs switching on.

  • Settings > General
  • Scroll to bottom and click on 'Config Editor' button
  • In search type : legacy
  • look for this line: toolkit.legacyUserProfileCustomizations.stylesheets
  • If it is set as 'false' :
  • click on the far right arrow type icon to toggle from 'false' to say 'TRUE'

In Thunderbird.

  • Help > Troubleshooting Information
  • Under 'Application Basics' - about half way is 'Profile Folders' - click on 'Open Folder'

A new window opens showing the contents of your profile name folder.

  • Exit Thunderbird now - this is very important

I'm going to give the full instructions because I do not know if people already know how to create and use a userChrome.css file.

  • In the 'profile name ' folder create a new folder and call it 'chrome'. The spelling is important - note it is all lower case.
  • Then open a simple text editor program such as 'Notepad'.
  • Copy all the text between the lines below and paste it into 'Notepad'.

/* 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;     }    


  • Save the file as 'userChrome.css' - note the spelling of this is important - all lower case except the C.
  • Save it in the 'chrome' folder. - see attached image as guide.

Check that file really is called userChrome.css and not 'userChrome.css.txt' - it has to be saved as a Cascading Style Sheet (css) and not a text document. In the column called 'Type' it will tell you whether it is CSS or TEXT. So if you see 'userChrome.css.txt' - no problem - just rename it by removing the .txt - you will get ask are you sure as it may effect things - just say yes because you really do want to do it.

Start Thunderbird Check Calendar.

Helpful?

more options

Ah, YES. a CSS was lurking in the back of my mind but hadn't quite surfaced. I was thinking of a defunct "toolkit" add-on when I read the first response. THIS will take some time - just FINDING the FOLDER to write the file to, but I expect this WILL be a solution, so thank you so much for posting again for myself and others. I'll have to save all that to a text file for a time when I can give it full attention. Love your handle!! I'm too uncreative to use handles, I fear.

Helpful?

more options

Your screenshots show TB 91.1.1 - CAN this work with TB 128??

Helpful?

more options

I see a thumbs down on my previous answer, so, sorry, i didn't specify exactly what to do for implementation, so, https://support.mozilla.org/en-US/questions/1456224#answer-1666164 in addition

Best regards

Helpful?

more options

Seçilmiş Həll

Wow. Worked! Sorry about the 'thumbs down' - not really appropriate.

Helpful?

Sual ver

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