Calendar - colourise events today?

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:red;
}

that colorizes the symbol and time
for the title

.calendar .calendar .today .title {
    color: red;
}

for both

.calendar .today , .calendar .today .title {
    color: red;
}

sdetweil

@babene1

see above