make Light / Night Switch to be Dual Logic

set the dark and light switch to be switching between preset CSS class colors of defined dark and light, and not just one color like before.

Resolves a lot of issues, where the default user preference settings were similar to the default switch setting that had one color only.

Happy flip switching everyone !

Author: Dorson

index.html

@@ -415,7 +415,7 @@ <h2> :: Click and Switch the Colors :: </h2>
 
 <p>
 Dark Mode:
-<a href="javascript:void(0);" onclick="ClassSwitch('html' , 'dark' , 'ColorMode');" title="Lights ON, OFF." >
+<a href="javascript:void(0);" onclick="DualFlipClassSwitch('html' , 'dark' , 'snow-white' , 'ColorMode');" title="Lights ON, OFF." >
  🌓 ⇄ 💡
 </a>
 
@@ -441,11 +441,11 @@ <h2> :: Click and Switch the Colors :: </h2>
 
 <br />
 
-<button onclick="ClassSwitch('html' , 'snow-white' , 'ColorMode');" >
+<button onclick="DualFlipClassSwitch('html' , 'snow-white' , 'dark'  , 'ColorMode');" >
  <b style="font-size:1.2rem; background-color: #ddd ; color:#fff;"> &nbsp; ❅ &nbsp; </b>
 </button>
 
-<button onclick="ClassSwitch('html' , 'dark' , 'ColorMode');" >
+<button onclick="DualFlipClassSwitch('html' , 'dark' , 'snow-white' , 'ColorMode');" >
  Dark <b style="font-size:1.2rem; background-color: #1a1414 ; color:#d1d1d1;"> &nbsp; 🌓 ⇄ 💡 &nbsp; </b>
 </button>
 
@@ -493,11 +493,11 @@ <h5> Be healthy and happy ! </h5>
 
 <b> &#x23FB; On / Off Color : </b> <br />
 
-<button onclick="ClassSwitch('html' , 'snow-white' , 'ColorMode');" >
+<button onclick="DualFlipClassSwitch('html' , 'snow-white' , 'dark'  , 'ColorMode');" >
  <b style="font-size:1.2rem; background-color: #ddd ; color:#fff;"> &nbsp; ❅ &nbsp; </b>
 </button>
 
-<button onclick="ClassSwitch('html' , 'dark' , 'ColorMode');" >
+<button onclick="DualFlipClassSwitch('html' , 'dark' , 'snow-white' , 'ColorMode');" >
  <b style="font-size:1.2rem; background-color: #1a1414 ; color:#d1d1d1;"> &nbsp; 🌓 &nbsp; </b>
 </button>