Merge pull request #29 from TMahato/newTanmay

Changed default Board Color and Pen Color
DhanushNehru · Oct 8, 2022 · f48ed10 · f48ed10
2 parents 198f3da + daf9702
commit f48ed10
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -8,7 +8,7 @@
     <div class="selectors">
         <div class="color-selection board-color">
             <div class="color-header">Board Colour : </div>
-            <input type="color" name="boardColor" id="board-color">
+            <input type="color" name="boardColor" id="board-color" value="#FFFFFF">
         </div>
         <div class="color-selection pen-color">
             <div class="color-header">Pen Colour : </div>

diff --git a/script.js b/script.js
@@ -9,7 +9,7 @@ function blackBoard() {
   ctx.lineJoin = "round";
   ctx.lineCap = "round";
   ctx.lineWidth = 2;
-  ctx.strokeStyle = "#FFFFFF";
+  ctx.strokeStyle = "#000000";
   //variables
   let painting = false;
   let lastX = 0;

diff --git a/styles.css b/styles.css
@@ -6,7 +6,7 @@ html {
 
 body {
   font-family: "Poppins", sans-serif;
-  background: #d4f7f7;
+  background: #2c3131;
   height: 100%;
   display: flex;
   flex-direction: column;
@@ -45,12 +45,12 @@ body {
 }
 
 canvas {
-  background: #000000;
-  border: 3px solid rgba(192, 192, 192, 0.5);
+  background: rgb(255, 255, 255);
+  border: 3px solid rgba(0, 0, 0, 0.5);
   width: 40rem;
   height: 26rem;
   cursor: grabbing;
-  box-shadow: 20px 20px 50px grey;
+  box-shadow: 20px 20px 50px rgb(0, 0, 0);
   border-radius: 20px;
   cursor: url(./assets/ico/pen-cursor.ico) 0 50, pointer;
 }
@@ -94,7 +94,7 @@ canvas:active {
     height: 50px;
   }
   canvas {
-    background: black;
+    background: white;
     margin-top: 0px;
     width: 95vw;
     height: 78vh;