Merge pull request #1 from mayankxjha/main

Gradient background

Author: ArnabKumarRoy02

.idea/.gitignore

@@ -3,6 +3,7 @@ let copyBtn = document.getElementById("copy-btn");
 let outputColor = document.getElementById("output-color");
 let outputCode = document.getElementById("output-code");
 let hexString = "0123456789abcdef";
+let contMax = document.querySelector('.container-max')
 
 let randomColor = () => {
     let hexCode = "#";
@@ -18,6 +19,7 @@ let generateGrad = () => {
     let angle = Math.floor(Math.random() * 360);
     outputColor.style.background = `linear-gradient(${angle}deg, ${colorOne}, ${colorTwo})`;
     outputCode.value = `background: linear-gradient(${angle}deg, ${colorOne}, ${colorTwo});`;
+    document.body.style.background = outputColor.style.background;
 }
 
 copyBtn.addEventListener("click", () => {

.idea/css-grad.iml

@@ -14,7 +14,7 @@ body {
 
 .wrapper {
     width: 410px;
-    background-color: #ffffff;
+    background-color: #000000;
     padding: 30px 30px;
     border-radius: 8px;
     position: absolute;
@@ -30,7 +30,7 @@ body {
     letter-spacing: 1px;
     font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
     font-size: 30px;
-    color: #0558b7;
+    color: #ffffff;
 }
 
 #output-color {
@@ -40,14 +40,14 @@ body {
 }
 
 #output-code {
-    background-color: rgb(209, 203, 203);
+    background-color: rgb(66, 66, 66);
     font-size: 2.7vmin;
     font-weight: 500;
-    color: #044db4;
+    color: #ffffff;
     width: 100%;
     padding: 15px 10px;
     border-radius: 5px;
-    border: 1px solid #cfd5d5;
+    /*border: 1px solid #cfd5d5;*/
     margin: 20px 0 40px 0;
 }