Custom dashboard colors per dashboard

That is the fallacy of the switch tile. if you don't mind testing a few changes to see if we can get rid of the box in the box.

So that you don't have to clear what you already have done, comment them out, then copy and paste the following:

/* ON */
#tile-2[style*="background-color"] {
   width: 120px; 
   height: 120px;
   background-color: red !important;
   animation: animate 1s linear infinite;
}
@keyframes animate {
   0%{
	opacity: 0.3;
	}
   50%{
	opacity: 0.7;
	}
   100%{
	opacity: 0;
   } 
}

/* OFF */
#tile-2 {
   width: 120px; 
   height: 120px;
   background-color: green !important;
}

OFF
image

ON
Animation

2 Likes