diff --git a/src/InputElement.svelte b/src/InputElement.svelte
index 98d4127..7fd10d6 100644
--- a/src/InputElement.svelte
+++ b/src/InputElement.svelte
@@ -47,6 +47,25 @@
     .input-status-green {
         background: #76b676;
         border-color: #76b676;
-        /* color: #232323; */
+    }
+    @media (prefers-color-scheme: light) {
+        .wordle-input-element {
+            border-color: #919191;
+            color: white
+        }
+        .input-status-input {
+            background: #f1f6f6;
+            color: black;
+            border-color: #c1c1c1;
+        }
+        .input-status-standby {
+            background: #919191;
+        }
+        .input-status-unfit {
+            background: #b2b4c2;
+        }
+        .input-status-green, .input-status-yellow, .input-status-unfit {
+            border-color: #a1a1a1;
+        }
     }
 </style>
\ No newline at end of file
diff --git a/src/Keyboard.svelte b/src/Keyboard.svelte
index 6fa2ebd..3000743 100644
--- a/src/Keyboard.svelte
+++ b/src/Keyboard.svelte
@@ -106,8 +106,6 @@
         .kb-btn-unfit           { background: #d1d1d1 !important; }
         .kb-btn-unfit:hover     { background: #dadada !important; }
         .kb-btn-unfit:active    { background: #c1c1c1 !important; }
-
-        .
     }
     
 </style>
\ No newline at end of file