@sdetweil that’s fantastic. I appreciate the quick response. I put a lot of effort and time in this mirror
so is good to hear. I can back it up safely

I’m currently running my magic mirror on a Linux based system
I want to back it up in case something goes wrong

can I just clone all my modules and store them in a safe place
including config, tokens, credentials
then reinstall magic mirror the traditional way
then copy all My modules into the folders
then use npm install in each modules folders

Would this method work without causing any problems?

@sdetweil yes I just did that I sent you a copy of it

@sdetweil said in notificationFx.css:

.alert .ns-box .normal

If I set it up just like this. It works
but the 3 items below my new module will use them, which I do not want

.alert .ns-box {        /*ns-box is for Alert. It displays notifications for other modules.*/
  background-color: rgba(0, 0, 0, 0.5);
  padding: 17px;
  line-height: 1.4;
  margin-bottom: 10px;
  z-index: 1;
  font-size: 70%;
  position: relative;
  display: table;
  word-wrap: break-word;
  max-width: 100%;
  border-width: 1px;
  border-radius: 5px;
  border-style: solid;
  border-color: var(--color-text-dimmed);
}
.ns-alert .dimmed {     /* Header MagicMirror */
    color: #00FFFF;
}
.ns-box .normal {     /* */
    color: #ffffff;
}
.ns-box .bright {     /* Welcome start was successful */
    color: #00FF00;
}

if I set it up like this. Everything is black and white. except for the box it will be black and the text will be white

.alert .ns-box {        /*ns-box is for Alert. It displays notifications for other modules.*/
  background-color: rgba(0, 0, 0, 0.5);
  padding: 17px;
  line-height: 1.4;
  margin-bottom: 10px;
  z-index: 1;
  font-size: 70%;
  position: relative;
  display: table;
  word-wrap: break-word;
  max-width: 100%;
  border-width: 1px;
  border-radius: 5px;
  border-style: solid;
  border-color: var(--color-text-dimmed);
}
.alert .ns-box .dimmed {     /* Header MagicMirror */
    color: #00FFFF;
}
.alert .ns-box .normal {     /* */
    color: #ffffff;
}
.alert .ns-box .bright {     /* Welcome start was successful */
    color: #00FF00;
}

I cannot see what I’m doing wrong here

@sdetweil when I added it to the 1st 1 it worked
but when I added to the other 3 everything is in black and white now

.alert .ns-box  {        /*ns-box is for Alert. It displays notifications for other modules.*/
  background-color: rgba(0, 0, 0, 0.5);
  padding: 17px;
  line-height: 1.4;
  margin-bottom: 10px;
  z-index: 1;
  font-size: 70%;
  position: relative;
  display: table;
  word-wrap: break-word;
  max-width: 100%;
  border-width: 1px;
  border-radius: 5px;
  border-style: solid;
  border-color: var(--color-text-dimmed);
}
.alert .ns-box .dimmed {     /* Header MagicMirror */
    color: #00FFFF;
}
.alert .ns-box .normal {     /* */
    color: #ffffff;
}
.alert .ns-box .bright {     /* Welcome start was successful */
    color: #00FF00;
}

is it because I have
dimmed
normal
bright
should there be a – there instead of . Maybe

I should’ve included these in my 1st reply sorry

@sdetweil I think I tried that but I’ll try again

So I have a dilemma that I don’t quite know how to solve
currently in my custom.css . I have the settings for the alert module which uses the notificationFx.css. And it works perfectly.

.ns-box {        
  background-color: rgba(0, 0, 0, 0.5);
  padding: 17px;
  line-height: 1.4;
  margin-bottom: 10px;
  z-index: 1;
  font-size: 70%;
  position: relative;
  display: table;
  word-wrap: break-word;
  max-width: 100%;
  border-width: 1px;
  border-radius: 5px;
  border-style: solid;
  border-color: var(--color-text-dimmed);
}
.ns-box .dimmed {     
    color: #00FFFF;
}
.ns-box .normal {     
    color: #ffffff;
}
.ns-box .bright {     
    color: #00FF00;
}

The problem is my new module MMM-StopwatchTimer uses exactly the same alert notificationFx.css
I don’t want to have the same settings the same colors. How do I fix this problem

Any help would be appreciated

@fribse cool. I’ll check it out. Thanks

@fribse I love that screensaver I would like to put it on my mirror. Where did you get it

@sdetweil that’s what I thought. Thanks for the input

hey off-topic just curious. Can you download your music to your computer that you have purchased?

The reason I’m asking is, since Google play has been eliminated. I can’t purchase or download music anymore and I was curious about Amazon

Sorry for the off-topic

I would like to start using it, but I noticed when the alerts were taking care of the alert itself stayed on the screen.
is there a way to hide this after the alert has been taking care of?

@sdetweil I’m glad to see that this site response to bullying.
Bullying is unacceptable and they need to be accountable for it

@cowboysdude yeah I know the feeling I’ve had trouble with Google for a long time

@bugsounet I was just looking for solutions. So please don’t take offense to it. I’ve been all over Google platform. I have tried to find a solution to this problem with no luck. The part I don’t understand is I can use it on my phone but Nowhere else unless I purchased the device called Google home

@sdetweil yeah I’ve been working on that for a few days now without any luck whatsoever

@sdetweil yeah I don’t know what’s going on. I’ve tried all different kinds of things

@sdetweil if I understand your question. All of mine are Google ,Google calendar, Gmail, so and so forth
I went to Google cloud platform and added the Google calendar API

I have Google YouTube API and it works perfectly just the calendar does not

Yes, I’m aware of that part. Every time I say Jarvis which is my hot word add event to my calendar. It comes back and says it needs permission to access my phone but I can’t find anywhere on my phone or in the Google settings

I use this in my modules. I find it to be very helpful for me.

module.clock {
background-color:rgba(255,255,255,0.5);
border-radius: 8px;
padding: 8px;

The last number in the background color is the brightness for the color
I hope this helps