Highlight current day in calendar

rvnbrg

Hello.
I use the MMM-MonthlyCalendar module and I try to highlight the current day in the calendar. The developer said that that should come from the default calendar, but unfortunately no further help.
Can someone point me in the right direction to have the background of the current day in the calendar colored in white?

sdetweil

@rvnbrg ok, he provides css that targets ‘today’

.MMM-MonthlyCalendar .today {
  background-color: rgba(192, 192, 192, 0.2);
}

so, just add that to custom.css and change the color

sdetweil

@rvnbrg which version of that module are you using?

in the module folder do

git remote -v

rvnbrg

@sdetweil xavier@raspberrypi:~/MagicMirror/modules/MMM-MonthlyCalendar $ git remote -v
origin https://github.com/kolbyjack/MMM-MonthlyCalendar.git (fetch)
origin https://github.com/kolbyjack/MMM-MonthlyCalendar.git (push)
xavier@raspberrypi:~/MagicMirror/modules/MMM-MonthlyCalendar $

rvnbrg

@sdetweil I am on the current latest version.

sdetweil

@rvnbrg ok, he provides css that targets ‘today’

.MMM-MonthlyCalendar .today {
  background-color: rgba(192, 192, 192, 0.2);
}

so, just add that to custom.css and change the color

rvnbrg

@sdetweil omg it worked! Thank you very much!

rvnbrg

@sdetweil I did so and it worked the first day(s) but today and Yesterday the background was gone. I checked the custom css and all lines are still present. Did I do something wrong? Or does it have to do something with the weekend days?

sdetweil

@rvnbrg I do not know. I would have to look at the content to see if the classes were applied

see here how to look at the content
https://forum.magicmirror.builders/post/90135

rvnbrg

@sdetweil today I noticed that I do see the highlighted background when I open Magic Mirror on my phone’s web browser, but not on the mirror itself. A bit strange isn’t it?

sdetweil

@rvnbrg if you refresh the MagicMirror screen, if you have a keyboard hit ctrl-r
or restart MagicMirror