diff --git a/style.css b/style.css
index e6faa33..a239033 100644
--- a/style.css
+++ b/style.css
@@ -134,46 +134,32 @@ code,
 
 /* media 985px */
 
+/* Dark Mode Theme */
+
 @media screen and (prefers-color-scheme: dark)
 {
-	/* 	color: #fff; */
-	mark,
-	ins,
-	button,
-	button[disabled]:hover,
-	button[disabled]:focus,
-	input[type="button"],
-	input[type="button"][disabled]:hover,
-	input[type="button"][disabled]:focus,
-	input[type="reset"],
-	input[type="reset"][disabled]:hover,
-	input[type="reset"][disabled]:focus,
-	input[type="submit"],
-	input[type="submit"][disabled]:hover,
-	input[type="submit"][disabled]:focus,
-	.pagination .nav-links:before,
-	.pagination .nav-links:after,
-	.pagination .prev,
-	.pagination .next,
-	.pagination .prev:hover,
-	.pagination .prev:focus,
-	.pagination .next:hover,
-	.pagination .next:focus,
-	.widget_calendar tbody a,
-	.widget_calendar tbody a:hover,
-	.widget_calendar tbody a:focus,
-	.menu-toggle.toggled-on,
-	.menu-toggle.toggled-on:hover,
-	.menu-toggle.toggled-on:focus,
-	.page-links a,
-	.page-links a:hover,
-	.page-links a:focus
-	{
-		/* 	color: #000; */
-		color: #fff;
-	}
-	
-	/* color: #1a1a1a; */
+
+/* Text Colors  */
+
+/* 
+Primary Colors: 
+1 #e1e1e1 Primary Text Color
+2 #21133C Darkest Main Body Area Color
+3 #271C4D Dark 
+4 #381D71 Med Dark
+
+Accent Colors: 
+1 #FC4CA0
+2 #52FFBD
+
+Binary: 
+Either white (#FFF) or black (#000)
+
+Accent color 1 and 2 are used as inverse of each other thoughout the theme
+ */
+
+
+	/* Primary Color 1 : Text Color */
 	body,
 	button,
 	input,
@@ -210,12 +196,10 @@ code,
 	.comment-reply-title small a:focus,
 	.wp-block-code
 	{
-		/* 	color: #1a1a1a; */
 		color: #e1e1e1;
-/* 		color: #271C4D; */
 	}
-	
-	/* 	color: #686868; */
+
+	/* 	Accent Color 1 */
 	blockquote,
 	input[type="date"],
 	input[type="time"],
@@ -265,11 +249,10 @@ code,
 	.widecolumn .mu_register label,
 	a.page-numbers:hover
 	{
-		/* 	color: #686868; */
 		color: #FC4CA0;
 	}
 	
-	/* 	color: #007acc; */
+	/* 	Accent Color 2  */
 	a,
 	.main-navigation a:hover,
 	.main-navigation a:focus,
@@ -300,7 +283,46 @@ code,
 	.main-navigation li:hover > a,
 	.main-navigation li.focus > a { color: #52FFBD; }
 	
-	/* 	background-color: #fff; */
+	/* 	Binary, White or Black: color: #fff; */
+	mark,
+	ins,
+	button,
+	button[disabled]:hover,
+	button[disabled]:focus,
+	input[type="button"],
+	input[type="button"][disabled]:hover,
+	input[type="button"][disabled]:focus,
+	input[type="reset"],
+	input[type="reset"][disabled]:hover,
+	input[type="reset"][disabled]:focus,
+	input[type="submit"],
+	input[type="submit"][disabled]:hover,
+	input[type="submit"][disabled]:focus,
+	.pagination .nav-links:before,
+	.pagination .nav-links:after,
+	.pagination .prev,
+	.pagination .next,
+	.pagination .prev:hover,
+	.pagination .prev:focus,
+	.pagination .next:hover,
+	.pagination .next:focus,
+	.widget_calendar tbody a,
+	.widget_calendar tbody a:hover,
+	.widget_calendar tbody a:focus,
+	.menu-toggle.toggled-on,
+	.menu-toggle.toggled-on:hover,
+	.menu-toggle.toggled-on:focus,
+	.page-links a,
+	.page-links a:hover,
+	.page-links a:focus
+	{
+		/* 	color: #000; */
+		color: #fff;
+	}
+	
+/* Back Ground Colors */
+
+	/* 	Primary Color 2: Darkest */
 	.main-navigation ul ul li, 
 	input[type="date"]:focus,
 	input[type="time"]:focus,
@@ -317,21 +339,10 @@ code,
 	textarea:focus,
 	.site
 	{
-		/* 	background-color: #fff; */
-/* 		background: #111111; */
-background: #21133C;
-	
+		background: #21133C;
 	}
 	
-	/* 	background-color: #d1d1d1; */
-	code,
-	hr
-	{
-		/* 	background-color: #d1d1d1; */
-		background: #343434;
-	}
-	
-	/* 	background: #1a1a1a; */
+	/* 	Primary Color 3 Dark */
 	body,
 	button,
 	button[disabled]:hover,
@@ -354,11 +365,39 @@ background: #21133C;
 	.menu-toggle.toggled-on:focus,
 	.page-links a
 	{
-		/* 	background: #1a1a1a; */
 		background: #271C4D;
 	}
 	
-	/* 	background: #007acc; */
+	/* 	Primary color 4 Medium Dark */
+	code,
+	hr
+	{
+		background: #381D71;
+	}
+	
+	/* 	Primary Color 4: Inactive */
+	input[type="date"],
+	input[type="time"],
+	input[type="datetime-local"],
+	input[type="week"],
+	input[type="month"],
+	input[type="text"],
+	input[type="email"],
+	input[type="url"],
+	input[type="password"],
+	input[type="search"],
+	input[type="tel"],
+	input[type="number"],
+	textarea
+	{
+		background: #271C4D;
+	}
+	
+	/* 	Accent Color 1; */
+	.widget_calendar tbody a:hover,
+	.widget_calendar tbody a:focus { background-color: #FC4CA0; }
+
+	/* 	Accent Color 2 */
 	mark,
 	ins,
 	.pagination .prev:hover,
@@ -377,62 +416,40 @@ background: #21133C;
 	.page-links a:hover,
 	.page-links a:focus { background: #52FFBD; }
 	
-	/* 	background: #f7f7f7; */
-	input[type="date"],
-	input[type="time"],
-	input[type="datetime-local"],
-	input[type="week"],
-	input[type="month"],
-	input[type="text"],
-	input[type="email"],
-	input[type="url"],
-	input[type="password"],
-	input[type="search"],
-	input[type="tel"],
-	input[type="number"],
-	textarea
-	{
-		/* 	background: #f7f7f7; */
-		background: #271C4D;
-/* 		border-color:  */
-	}
+	/* 	Border Colors */
 	
-	input[type="date"]:focus,
-input[type="time"]:focus,
-input[type="datetime-local"]:focus,
-input[type="week"]:focus,
-input[type="month"]:focus,
-input[type="text"]:focus,
-input[type="email"]:focus,
-input[type="url"]:focus,
-input[type="password"]:focus,
-input[type="search"]:focus,
-input[type="tel"]:focus,
-input[type="number"]:focus,
-textarea:focus,
-.tagcloud a:hover, .tagcloud a:focus {
-	border-color: #FC4CA0;
-}
-	
-	
-	.main-navigation ul ul:before,
-	.main-navigation ul ul:after {
-border-color: #381D71 transparent;
-}
-
-.main-navigation ul ul li,
-.main-navigation ul ul { border-color:#381D71;}
-
-.post-navigation,
-.post-navigation div + div,
-.widget,
+	/* 	Primary color 3 Dark */
+	.post-navigation,
+	.post-navigation div + div,
+	.widget,
 	.comments-title,
-.comment-reply-title { border-color: #271C4D;}
+	.comment-reply-title { border-color: #271C4D; }
 	
+	/* 	Primary Color 4 */
+	/* 	This is separate because of the 'transparent' */
+	.main-navigation ul ul:before,
+	.main-navigation ul ul:after { border-color: #381D71 transparent; }
 	
-	/* 	background-color: #686868; */
-	.widget_calendar tbody a:hover,
-	.widget_calendar tbody a:focus { background-color: #FC4CA0; }
+	/* 	Primary Color 4 */
+	.main-navigation ul ul li,
+	.main-navigation ul ul { border-color: #381D71; }
+	
+	/* 	Accent Color 1 */
+	input[type="date"]:focus,
+	input[type="time"]:focus,
+	input[type="datetime-local"]:focus,
+	input[type="week"]:focus,
+	input[type="month"]:focus,
+	input[type="text"]:focus,
+	input[type="email"]:focus,
+	input[type="url"]:focus,
+	input[type="password"]:focus,
+	input[type="search"]:focus,
+	input[type="tel"]:focus,
+	input[type="number"]:focus,
+	textarea:focus,
+	.tagcloud a:hover, 
+	.tagcloud a:focus { border-color: #FC4CA0; }
 	
 	/* 	background-color: transparent; */
 	.menu-toggle,