📣 Help shape Firefox by joining our Test Days event on July 21–Aug 1 to test the Firefox Semantic History Search in Firefox Beta 142

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

Highlight Current Date

Happy New Year All!

I'm keen to take advice - is there a way to make the current date REALLY stand out in my month view? I'd like it to be very obvious when I'm looking at January, to see where I am in time, please!

Per the graphic provided, a slightly darker bar for today's date is easily lost on a busy calendar.


Thanks, G.

Happy New Year All! I'm keen to take advice - is there a way to make the current date '''''REALLY''''' stand out in my month view? I'd like it to be very obvious when I'm looking at January, to see where I am in time, please! Per the graphic provided, a slightly darker bar for today's date is easily lost on a busy calendar. Thanks, G.
Attached screenshots

Chosen solution

You could try this css for the current and selected days (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;
}

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 above code, change the colors as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Options/General/Config. editor, restart TB.

Read this answer in context 👍 1

All Replies (3)

Chosen Solution

You could try this css for the current and selected days (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;
}

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 above code, change the colors as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Options/General/Config. editor, restart TB.

sfhowes! That only worked PERFECTLY!

Thanks muchly!

G.

I created this "userChrome.css" file with some instructions in the comments and working examples, tested in Thunderbird Version 78.8.1 :

/*========================================================= Use this file to better highlight the current day

Directions: 1. Go to Tools, Options, and at the very bottom, Config Editor 2. Search for: toolkit.legacyUserProfileCustomizations.stylesheets 3. Double click to toggle to true 4. Go to Help, Troubleshooting information, Profile Folder, Open Folder 5. Create directory: "chrome" 6. Copy this userChrome.css to the "chrome" directory. 7. Restart Thunderbird


Color Names Reference: https://docs.microsoft.com/en-us/dotnet/api/system.drawing.color?view=net-5.0 http://www.flounder.com/csharp_color_table.htm

=========================================================*/


/*========================================================= Highlight current day top header in All Views =========================================================*/ .calendar-day-label-name[relation="today"] { background: DarkOrange !important; font-weight: bold !important; }


/*========================================================= Highlight current day in All Views =========================================================*/

/* Current Day Box Header */ .calendar-month-day-box-date-label[relation="today"],

  1. week-view ..multiday-column-top-box[relation="today"]

{ background: DarkOrange !important; font-weight: bold !important; }

/* Current Day Box */ .calendar-month-day-box-current-month[relation="today"], .calendar-month-day-box-day-off[relation="today"], .calendar-month-day-box-other-month[relation="today"],

  1. week-view .calendar-event-column-linebox[relation="today"]

{ background: Orange !important; }


/*========================================================= Highlight selected day in All Views =========================================================*/ .calendar-month-day-box-current-month[selected="true"], .calendar-month-day-box-day-off[selected="true"], .calendar-month-day-box-other-month[selected="true"],

  1. week-view .calendar-event-column-linebox[selected="true"]

{

 background-color: Red !important;

}