Read the statement by Michael Teeuw here.
Change default interface colors
-
The same approach applies when you’re creating your own custom modules. Keep in mind that if you edit the default files, a future update can overwrite them and you lose your changes.
-
Also note the warning as stated on the wiki page:
Note: If a file can not be loaded, the boot up of the mirror will stall.Meaning, if you tell
getStyles
to look for a file called'myStyles.css'
but in reality it’s called'mystyles.css'
(case matters) or'coolcolor.css'
, the mirror will stall and not load. So be careful. -
you can use the
/css/custom.css
to overwrite all styles. This file is embedded after all other css files, so you should be able to overwrite what you want. Is just a matter of creative CSS usage. -
Okay thank you guys I’ll have to look into it.
-
@KirAsh4 Hi I am setting up my first magic mirror, is this old post still valid? This look is great, I tried to follow and add a custom mystyles.css and added to the same calendar module. But I didn’t see it make a change. Thanks for your help
-
@dyard please, just edit the css/custom.css, don’t change the module code unless u are fixing a bug or adding function (and then don’t tell anyone about it, release a new updated module)