diff --git a/src/assets/branding/color_palette.png b/src/assets/branding/color_palette.png index 40f0960..d215b3d 100644 Binary files a/src/assets/branding/color_palette.png and b/src/assets/branding/color_palette.png differ diff --git a/src/blog_docker.html b/src/blog_docker.html index 8f6f1b3..59b6636 100644 --- a/src/blog_docker.html +++ b/src/blog_docker.html @@ -363,7 +363,7 @@ network_mode: "host". 

-                        
+                        
 # docker-compose.yml
 version: "2"
 
diff --git a/src/common/header.html b/src/common/header.html
index d2ec1e3..f023a51 100644
--- a/src/common/header.html
+++ b/src/common/header.html
@@ -26,6 +26,16 @@
 	crossorigin="anonymous"
 >
 
+
+
+
+
+
 
 
 
diff --git a/src/common/header.txt b/src/common/header.txt
index c580d34..5b208b0 100644
--- a/src/common/header.txt
+++ b/src/common/header.txt
@@ -1 +1 @@
-document.write('             ')
\ No newline at end of file
+document.write('                 ')
\ No newline at end of file
diff --git a/src/documentation.html b/src/documentation.html
index 971e6d5..c49d05f 100644
--- a/src/documentation.html
+++ b/src/documentation.html
@@ -310,17 +310,31 @@
 					
 					

 						

-							I used the primary palette colors from
+							Light mode uses the primary palette colors from
 							University of Michigan Design Resources
-							and generated a cool color scheme using
+							and some generated colors from
 							coolors
+							(shown in the image).
+						

+
+						

+							Dark mode uses the
+							color palette
+							specified by
+							Dracula theme.
 						

 					

@@ -350,7 +364,7 @@
 								href="https://hatchful.shopify.com/"
 								target="_blank"
 								>hatchful. My main purpose for this was to have a nice
+							>. The main purpose for this was to have a nice
 							looking favicon for my website on browsers as well
 							as for the home page icon in the navbar.
 						

@@ -389,6 +403,13 @@
 									>University of Michigan's Website
 							
+							
  • 
+								Dracula Theme
+							
    • 
 						
 					
 				
diff --git a/src/style/styles.css b/src/style/styles.css
index 640816e..1957909 100644
--- a/src/style/styles.css
+++ b/src/style/styles.css
@@ -5,7 +5,9 @@
 :root[color-mode="light"] {
 	--primary-color: #ffcb05;
 	--secondary-color: #00274c;
-	--tertiary-color: #30c5ff;
+	--tertiary-color: #2f65a7;
+	--quaternary-color: #ffffff;
+	--quinary-color: #e83e8c;
 	--background-color: #e8eef2;
 	--font-color: #000000;
 }
@@ -14,7 +16,9 @@
 :root[color-mode="dark"] {
 	--primary-color: #bd93f9;
 	--secondary-color: #44475a;
-	--tertiary-color: #50fa7b;
+	--tertiary-color: #8be9fd;
+	--quaternary-color: #6272a4;
+	--quinary-color: #ff79c6;
 	--background-color: #282a36;
 	--font-color: #f8f8f2;
 }
@@ -28,6 +32,23 @@ body {
 	font-family: Arial, Verdana, Tahoma, sans-serif;
 }
 
+label {
+	color: var(--primary-color);
+}
+
+a {
+	color: var(--tertiary-color);
+}
+
+code {
+	color: var(--quinary-color);
+}
+
+hr {
+	border-color: var(--font-color);
+	opacity: 0.1;
+}
+
 /****************
  * Main Content *
  ****************/
@@ -138,6 +159,22 @@ body {
 	display: block;
 }
 
-label {
-	color: var(--primary-color);
+.card {
+	background-color: var(--background-color);
+}
+
+.card-header {
+	background-color: var(--secondary-color);
+}
+
+.card-body {
+	background-color: var(--quaternary-color);
+}
+
+.dropdown-menu {
+	background-color: var(--quaternary-color);
+}
+
+.dropdown-item {
+	color: var(--font-color);
 }