Calendar - colourise events today?

RGN01

I would like to assign a different colour (yellow) to calendar entries due today? Is this possible?

I’m using the default calendar to display my Google calendar which contains entries that span 90 days and these are in the default white - when one or more events is due today I would like to colourise them to draw attention to them. I am pretty sure the custom.css file is the key to this but have no idea how to go about it so I would appreciate any help to achieve this.

Thanks

sdetweil

@rgn01 so in css you can target the element, type, id, attribute, but not the content of the element (text/html/value)

there is a css spec for value, but not in any browser yet

here is a good reference on ways to target (aka select) nodes…
one note that I didn’t know…css ALWAYS targets ALL items in the ENTIRE document that match the targeting characteristics… so have to make them unique

https://www.w3schools.com/cssref/css_selectors.asp

read this on how to use the dev console
https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1624533876151

one thing I did not know at the time… u create settings in the upper right window, color, fontsize, background…

when u get it right you can copy paste the contents of that window into a css entry!! no typing…

RGN01

Thank you @sdetweil - I’m a newcomer to MM and css so will need to do some work to get familiar with it - but at least now have an idea where to start!

Babene1

@RGN01 Hello, I am also looking for a solution to this problem, did you find anything here?

sdetweil

@Babene1 the base MagicMirror calendar module does not provide a way to affect styles for ‘today’

You may be able to do this with css.

Looking at the code, it adds a class name ‘today’ to the events for today

So in custom.css

.calendar .today {
     color:…..;
}

Note the dot in front of each name, meaning class