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

Thunderbird 78.9.0 (32-Bit) Calendar "TODAY" highlight

  • 4 replies
  • 1 has this problem
  • 4 views
  • Last reply by rikoma42

more options

The highlight for "Today" is a light bluish color that does not stand out to me - I'd like to change the highlight to something a bit more obvious - a deeper blue, or even more distinct by highlighting the entire "day" rather than just the header. This is what I found as the chosen solution, https://support.mozilla.org/en-US/questions/1304213#question-reply I got into Calendar/Tools/Options /General/Indexing /Config. editor.

So I got into "Config. editor" panel with a message to be very careful. Here I got lost. I do not understand the following, could someone be more specific PLEASE HELP.

Try this css code (see picture): .calendar-month-day-box-current-month[selected="true"] {

 background-color: orange !important;}

.calendar-month-day-box-current-month[relation="today"] {

 background-color: red !important;}

Toggle toolkit.legacyUserProfileCustomizations.stylesheets to true in Config. editor.

The highlight for "Today" is a light bluish color that does not stand out to me - I'd like to change the highlight to something a bit more obvious - a deeper blue, or even more distinct by highlighting the entire "day" rather than just the header. This is what I found as the chosen solution, https://support.mozilla.org/en-US/questions/1304213#question-reply I got into Calendar/Tools/Options /General/Indexing /Config. editor. So I got into "Config. editor" panel with a message to be very careful. Here I got lost. I do not understand the following, could someone be more specific PLEASE HELP. Try this css code (see picture): .calendar-month-day-box-current-month[selected="true"] { background-color: orange !important;} .calendar-month-day-box-current-month[relation="today"] { background-color: red !important;} Toggle toolkit.legacyUserProfileCustomizations.stylesheets to true in Config. editor.

Modified by rikoma42

Chosen solution

Copy this code into the css file:

.calendar-month-day-box-current-month[selected="true"] {
  background-color: orange !important;
}
.calendar-month-day-box-current-month[relation="today"] {
  background-color: red !important;
}

Save the userChrome.css file in the chrome folder, which must be created as a folder in the profile folder. The colors, orange and red in the code, can be changed to any html color.

Read this answer in context 👍 1

All Replies (4)

more options

Config. editor is where you have to toggle the preference described in the other topic. But to install a css code, Help/Troubleshooting, 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 css code, change the colors as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Options/General/Config. editor, restart TB.

more options

Thank you SFhowes A small clarification is needed . 1) What portion from the above I need to copy into the "userChrome.css" file. 2) do I save the "userChrome.css" file in the "chrome" folder  ? 3) And were do I change the colors

Thank you for helping a geriatric. Much appreciated Riko

Modified by rikoma42

more options

Chosen Solution

Copy this code into the css file:

.calendar-month-day-box-current-month[selected="true"] {
  background-color: orange !important;
}
.calendar-month-day-box-current-month[relation="today"] {
  background-color: red !important;
}

Save the userChrome.css file in the chrome folder, which must be created as a folder in the profile folder. The colors, orange and red in the code, can be changed to any html color.

more options

You are my HERO