@sankum just for discussion on a couple points from your image above
[image: 1747663143318-1746897279242-screenshot-at-2025-05-10-12-14-08-resized-resized.png]
in the css stack pane on the right, you see
.CX3 .weekend
has a couple styles, specified in MMM-CalendarExt3.css, line 385
and one of those styles has a strikethru, color
an item higher up in the stack list, also shows a DIFFERENT class
.CX3 .weekend_1
that ALSO specifies the same style, from the same file but line 394 (further down is processed later, so it overrides stuff set ABOVE this line…(cascading)
so you can see the style(and where its set) , see it is overridden(and from where)
and the element selected (left side of element view) shows BOTH classes applied
NOW , this second style setting/weekend_1 demonstrates a problem, as you MODIFIED the module shipped file of css settings… and next time the module wants to update, it will FAIL as you changed one of ITS files…
MM is designed to avoid this problem, you place ALL ‘custom’ (local to you) css in the file
MagicMirror/css/custom.css
we load this file LAST, so it overrides ANYTHING set before it was loaded…
base, module, or anything higher in custom.css too…