From 11d4ec226dc03833ee2d0a08813c62f0ee02b97b Mon Sep 17 00:00:00 2001
From: Rajanit Nagajibhai Navapara
 <51814458+rajanitnavapara@users.noreply.github.com>
Date: Wed, 20 Oct 2021 12:38:20 +0530
Subject: [PATCH] Updated to Dark Modee

Changed color value to turn it into Dark Mode.
---
 event-keycodes/{style.css => dark-style.css} | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)
 rename event-keycodes/{style.css => dark-style.css} (80%)

diff --git a/event-keycodes/style.css b/event-keycodes/dark-style.css
similarity index 80%
rename from event-keycodes/style.css
rename to event-keycodes/dark-style.css
index e597872..8fbb0d1 100644
--- a/event-keycodes/style.css
+++ b/event-keycodes/dark-style.css
@@ -2,10 +2,11 @@
 
 * {
   box-sizing: border-box;
+ 
 }
 
 body {
-  background-color: #e1e1e1;
+  background-color: #383838;
   font-family: 'Muli', sans-serif;
   display: flex;
   align-items: center;
@@ -17,8 +18,8 @@ body {
 }
 
 .key {
-  border: 1px solid #999;
-  background-color: #eee;
+  border: 1px solid #999999;
+  background-color: #2B2B2B;
   box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
   display: inline-flex;
   align-items: center;
@@ -28,6 +29,7 @@ body {
   flex-direction: column;
   margin: 10px;
   min-width: 150px;
+  color: white;
   position: relative;
 }
 
@@ -37,12 +39,6 @@ body {
   left: 0;
   text-align: center;
   width: 100%;
-  color: #555;
+  color: #c4c4c4;
   font-size: 14px;
 }
-
-@media(max-width:768px){
- .key{
-   margin: 10px 0px;
-  }
-}