Adding basic theme command

css/styles.css

@@ -1,25 +1,34 @@
 /** This removes all padding and margins as well as 
     setting a default font size and family for the page **/
+    
+
+:root{
+    --my-font-color: #66ff33;
+    --my-background-color: #000000;
+    --my-highlight-color: #ffffff;
+}
+    
+    
 * { 
     margin: 0;
     padding: 0;
     font-size: 16px;
     font-family: 'Lucida Console', 'Lucida Sans Unicode', 'Fira Mono', 'Consolas', 'Courier New', Courier, monospace, 'Times New Roman';
-    background-color: #252527;
-    background-color: black;
+    /*background-color: #252527;*/
+    background-color: var(--my-background-color);
 }
 
 p {
-    color: #66ff33;
+    color: var(--my-font-color);
 }
 
 h1 {
     font-size: 22px;
-    color: #66ff33;
+    color: var(--my-font-color);
 }
 
 h2 {
-    color: #66ff33;
+    color: var(--my-font-color);
 }
 
 ul {
@@ -151,8 +160,8 @@ tr:focus {
 .tooltip .tooltiptext {
     visibility: hidden;
     width: 300px;
-    background-color: black;
-    border: 2px solid white;
+    background-color: var(--my-background-color);
+    border: 2px solid var(--my-highlight-color);;
     color: white;
     text-align: center;
     padding: 4px;
@@ -244,7 +253,7 @@ tr:focus {
     height: 175px; /* Full height */
     /*margin: 50% auto;*/
     padding: 5px;
-    border: 2px solid #66ff33;
+    border: 2px solid var(--my-highlight-color);
     width: 18%;
     overflow: auto; /* Enable scroll if needed */
     background-color: #444; /* Fallback color */