diff --git a/HTML/res/appstyles.css b/HTML/res/appstyles.css
index e11fb62..06b8b9d 100644
--- a/HTML/res/appstyles.css
+++ b/HTML/res/appstyles.css
@@ -7,8 +7,8 @@
   --text-color: ~fntclr~;
   --border-color: ~brdclr~;
  
-  --neutral-grey: #b0b0b0;
-  --light-grey: #d8d8d8;
+  --light-grey: #b0b0b0;
+  --white: #f0f0f0;
   
   /*========== Font and typography ==========*/
   --body-font: 'Consolas','Roboto', monospace;
@@ -69,7 +69,7 @@ input[type="radio"] { margin-top: -1px; vertical-align: middle;}
 .stg table{margin: 5px auto}
 .dot {height: 30px;
 	  width: 30px;
-	  background-color: #d0d0d0;
+	  background-color: var(--light-grey);
 	  border-radius: 40%;
 	  display: inline-block;
 	  margin: 7px 20px}
@@ -102,7 +102,7 @@ div label input {margin-right: 100px;}
 
 .cat input:checked + span {
     color: var(--text-color);
-    text-shadow: 0 0  6px rgba(0, 0, 0, 0.8);
+    /*text-shadow: 0 0  6px rgba(0, 0, 0, 0.8);*/
 }
 input:checked + span{background-color: var(--accent-color);}
 
@@ -174,7 +174,7 @@ input:checked + span{background-color: var(--accent-color);}
   left: 0;
   right: 0;
   bottom: 0;
-  background-color: var(--neutral-grey);
+  background-color: var(--light-grey);
   -webkit-transition: .4s;
   transition: .4s;
 }
@@ -186,7 +186,7 @@ input:checked + span{background-color: var(--accent-color);}
   width: 18px;
   left: 3px;
   bottom: 3px;
-  background-color: var(--light-grey);
+  background-color: var(--white);
   -webkit-transition: .4s;
   transition: .4s;
 }