Is it possible to change the CSS layout at a certain time? (Dark Mode)

[mopedmann]

Hey everyone,
is it possible to change the CSS layout at a certain time?
At the moment I use the Bright UI from Piranha1605.
However, in the evening this is too bright and I would like to change to the Dark UI from Piranha1605.
I would be very pleased to receive an answer.
With kind regards
mopedmann

[sdetweil]

@mopedmann there is no api to do that, but I can imagine a node helper swapping custom.css files and causing a page reload…

[Foxy25]

Hi

maybe it is possible to write a script that rename the used .css in another filename (from custom.css to Custom.1) an after that, rename an other .css to custom.css. Packed this in an cronjob an you have a change of the .css files. After the rename routine restart the mirror…

Not the elegant way, but it can work’s.

Another Idea: Is ist possible to dimm the Display via a cronjob ?

Grettings Torsten

[mopedmann]

Hi @sdetweil @Foxy25
thanks a lot for the quick and great answers!
However, I’m a total beginner in programming and am shambling through previous solutions on the forum to implement something in the same way.
So if someone has time and desire to develop a dark mode/css switch for the Magic Mrror this would be great.

[KamiSchami]

@mopedmann

… otherwise you can also have the display dimmed temporarily

[Foxy25]

@mopedmann

Its not that hard as it seems.

A handfull of code that you have to write.

A good task to learn a bit about bash programming under linux.

Try the fist step, it would be helpful for the future…

Greetings Torsten

[ember1205]

This is an interesting idea, and I found this write-up that I thought was interesting.

https://labs.tadigital.com/index.php/2020/04/10/night-and-day-switch-using-css-variables/

[mopedmann]

Thank you for all the ideas and advice. I will report when I have made first progress
With kind regards
mopedman

[Piranha1605]

I hope this help.

https://github.com/Piranha1605/MMM-CSSswitch

[mopedmann]

Hey everyone,
yesterday I have implemented the idea of Foxy25 and it works great.
@foxy25 said in Is it possible to change the CSS layout at a certain time? (Dark Mode):

Hi

maybe it is possible to write a script that rename the used .css in another filename (from custom.css to Custom.1) an after that, rename an other .css to custom.css. Packed this in an cronjob an you have a change of the .css files. After the rename routine restart the mirror…

Piranha1605’s solution looks even better and easier!
@piranha1605 said in Is it possible to change the CSS layout at a certain time? (Dark Mode):

I hope this help.

https://github.com/Piranha1605/MMM-CSSswitch

Thanks for the great help