diff --git a/index.html b/index.html
index e2c4e7a6..1453e3d3 100644
--- a/index.html
+++ b/index.html
@@ -517,9 +517,9 @@
 /*Color Palette*/
 :root {
 	/*Regular*/
-	--color-gray: #00000077;
-	--color-gray-darker: #000000aa;
-	--color-border-main: #073c00;
+	--color-background: #00000077;
+	--color-background-darker: #000000aa;
+	--color-primary: #073c00;
 	--color-select: #0b6b00;
 }
 
@@ -543,7 +543,7 @@ body {
 }
 .mainGrid > div {
 	border-style: solid;
-	border-color: var(--color-border-main);
+	border-color: var(--color-primary);
 	border-width: 1px 1px 0px 1px;
 	width: calc(100% - 2px);
 }
@@ -551,10 +551,10 @@ body {
 	padding: 8px 0px;
 }
 .mainGrid > div:nth-child(odd) {
-	background: var(--color-gray);
+	background: var(--color-background);
 }
 .mainGrid > div:nth-child(even) {
-	background: var(--color-gray-darker);
+	background: var(--color-background-darker);
 }
 .selectionGrid {
 	grid-template-columns: repeat(auto-fit, minmax(6em, 1fr));
@@ -578,8 +578,8 @@ body {
 	font-family: belerenbsc;
 	cursor: pointer;
 	padding: 3px;
-	border: 1px solid var(--color-border-main);
-	background-color: var(--color-gray);
+	border: 1px solid var(--color-primary);
+	background-color: var(--color-background);
 	-webkit-transition: 0.3333s;
   	transition: 0.3333s;
 }
@@ -614,7 +614,7 @@ body {
 	border-radius: 0.25em;
 	padding-left: 0.25em;
 	width: inherit;
-	background-color: var(--color-border-main);
+	background-color: var(--color-primary);
 	border: none;
 	cursor: pointer;
 	-moz-appearance: none;
@@ -642,7 +642,7 @@ body {
 	display: inline-block;
 	width: calc(1.2em - 6px);
 	height: calc(1.2em - 6px);
-	border: 3px solid var(--color-border-main);
+	border: 3px solid var(--color-primary);
 	border-radius: 0.25em;
 	position: absolute;
 	top: 0px;
@@ -667,7 +667,7 @@ body {
 input[type="text"], input[type="number"], textarea, input[type="file"] {
 	width: 100%;
 	border: none;
-	background: var(--color-border-main);
+	background: var(--color-primary);
 	border-radius: 0.25em;
 	padding-left: 0.25em;
 }
@@ -675,7 +675,7 @@ input[type="text"], input[type="number"], textarea, input[type="file"] {
 input[type="color"] {
 	padding: 0px;
 	border: none;
-	background: var(--color-border-main);
+	background: var(--color-primary);
 }
 
 /*Hyperlinks*/
@@ -782,9 +782,9 @@ header, .info {
 	text-align: center;
 }
 .symbolGrid > div {
-	border: 4px solid var(--color-border-main);
+	border: 4px solid var(--color-primary);
 	border-radius: 36px;
-	background-color: var(--color-border-main);
+	background-color: var(--color-primary);
 }
 
 /*Sitewide text (bottom of the page)*/