So, based on your recommendation, I think I’ll implement a simple module that switches between style sheets; each with a different background image. Thoughts?
Something like this:
Module.register("background", {
getStyles: function() {
var currentTime = new Date().getHours();
if (currentTime > 5 && currentTime < 23 ){
return ["normalBackground.css"];
}
else {
return ["scaryBackground.css"];
}
}
});
Then the different css sheets would be:
\\normalBackground.css
body {
background-image: url("normal.png");
background-color: #cccccc;
}
\\scaryBackground.css
body {
background-image: url("scary.png");
background-color: #cccccc;
}
I’m not sure if this will do full screen, or just a specific location for the module. I suppose I’ll have to look into the MM defaults to see where a module is displayed if it isn’t specified.