diff --git a/css/styles.css b/css/styles.css
index 4f09166d..37de38f1 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -68,4 +68,17 @@ main > .tagline {
 	margin-left: 0.675rem;;
 	width: 2.65rem;
 	height: 2.65rem;
+}
+
+button {
+	background: none;
+    outline: none;
+    width: 250px;
+    padding: 10px;
+    font-size: 14px;
+    color: white;
+    border: 2px solid white;
+    margin-top: 20px;
+    border-radius: 5px;
+    cursor: pointer;
 }
\ No newline at end of file
diff --git a/css/themes/indigo-white.css b/css/themes/indigo-white.css
index 8f67212d..b2b32c25 100644
--- a/css/themes/indigo-white.css
+++ b/css/themes/indigo-white.css
@@ -1,7 +1,7 @@
 /* Theme */
 
 main {
-	background: #303F9F;
+	/* background: #303F9F; */
 	color: #FAFAFA;
 }
 
diff --git a/index.html b/index.html
index ccb2c375..e2d52743 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -23,6 +24,7 @@
 	<!-- <link rel="stylesheet" href="css/themes/white-red.css"> -->
 	<!-- <link rel="stylesheet" href="css/themes/yellow-black.css"> -->
 </head>
+
 <body>
 	<main>
 		<div class="intro">Hello, I'm Dinesh!</div>
@@ -32,13 +34,29 @@
 			<a target="_blank" href="https://github.com/flexdinesh"><i class="fab fa-github"></i></a>
 			<a target="_blank" href="https://twitter.com/flexdinesh"><i class="fab fa-twitter"></i></a>
 			<a target="_blank" href="https://dev.to/flexdinesh"><i class="fab fa-dev"></i></a>
-			<a target="_blank" href="https://stackoverflow.com/story/flexdinesh"><i class="fab fa-stack-overflow"></i></a>
+			<a target="_blank" href="https://stackoverflow.com/story/flexdinesh"><i
+					class="fab fa-stack-overflow"></i></a>
 			<a target="_blank" href="https://www.linkedin.com/in/dineshpandiyan"><i class="fab fa-linkedin"></i></a>
 			<a target="_blank" href="https://medium.com/@flexdinesh"><i class="fab fa-medium"></i></a>
 			<a target="_blank" href="https://www.freecodecamp.org"><i class="fab fa-free-code-camp"></i></a>
 			<a target="_blank" href="https://www.behance.net"><i class="fab fa-behance"></i></a>
 			<a target="_blank" href="https://codepen.io"><i class="fab fa-codepen"></i></a>
-    </div>
+		</div>
+		<div><button onclick="GenerateColor()">Get random background color</button></div>
 	</main>
+
+	<script>
+		function GenerateColor() {
+			var symbols = "ABCDEF0123456789";
+			var color = "#";
+
+			for (let index = 0; index < 6; index++) {
+				color = color + symbols[Math.floor(Math.random() * 16)];
+			}
+
+			document.body.style.backgroundColor = color;
+		}
+	</script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
