I was able to get it working for the new “Title” Option of the MMM-Wallpaper module.

.MMM-Wallpaper .title {
  left: 60px;
  top: calc(100% - 80px);
  font-weight: 200;
  font-size: 14px;
  line-height: 25px;
  mix-blend-mode: difference;
  color: white;
}

The browser used supports it.

For me it seems that for the clock the browser does not “see” the picture underneath the clock text. Not sure if this helps anyone to help me point out the problem.

Hello,

I have a picture frame (no mirror). Kind of a family board. With MMM-Wallpaper I have a bing picture of the day in the back. Looks awesome.

The digital clock sits on top of the picture. I would like the color of he clock be sensitive to the backgound image. Text should be inverted. I googled and found this.

I cant get it to work.

.clock div.time.bright.large.light {
  mix-blend-mode: difference;
}

For the blue background white works, but imagine a more lighter picture in the back. You get the idea.

Someone a clue?

BTW. What browser is used by the MM^2? I am using the mitako image.

Regards
Ralf

For my curiosity. What is the use case behind here? What is the content of that text file?

I created a fork and a pull request with all necessary changes.

Awesome. My next enhancement … .

@mrmidi Thank you very much. This goes into the desired direction.

I have installed dotenv and added

var localConfig = require('dotenv').config();

If I do so starting the MM it shows missing config file.

Any ideas?

True. There is always an easy solution. Disadvantage is here you dont have versioning. GIT is a great tool. Why not using the advantage of it?

Hi guys,

Yesterday I lost all my configuration bc my editor broke the file. Thats a pitty. It cost me a day to get it back working bc I use a lot of complicated modules e.g. like the openhab floorplan.

That got me thinking.

Config.js is typically not committed to git because of all the secret stuff like apiKeys for google, darksky, your lat/lon of your house which you might not want to share via github.

How you guys are doing this? Having version control, but not publicly visible. Ok, I could pay github, or have a own server set up for my privat git. But sharing back with the community your own enhancements of the core system gets difficult.

I thought about a simpler solution.

What about splitting the configuration into two files:

config.js

var config = {
...
   { ...
// instead of 
      apiKey1 = „my secret key“,
// we do
      apiKey = this.secrets.apiKey1,
   }

And we sum up all the secrets like lat/lon/apikeys in a dedicated file

secrets.js

var secrets = {
   apiKey1 = „MySuperSecretApiKey1“,
   Latitude = YouMustNotKnowWhereILive,
   ...
}

The secrets.js file must be read somehow by the core system and the this.secrets must be populated.

And it would be downward compatible. If you dont have a secrets.js you are good to go as well.

config.js could go in a public version control system and only secrets.js would stay in .gitignore.

Is there an easy way to do this on my own? Some sorr of an „include secrets.js“ statement in javascript. Kind of bash like „source anotherBashScript“. I am new to JavaScript. Sorry if this is a silly question.

Looking forward to your feedback.

Regards
Ralf

Search for MMM-forecast.io here in the forum.

Should be easy do adapt. I can check if the height is currently fixed or exposed in the config.js.