From 5c1f8b843ac473bd09629ec3b1f30ebe9a84c095 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Sun, 23 Jan 2022 19:13:29 +0800
Subject: [PATCH] fix keyboard css

---
 src/Keyboard.vue | 2 +-
 src/game.css     | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Keyboard.vue b/src/Keyboard.vue
index 0fdf394..09923c1 100644
--- a/src/Keyboard.vue
+++ b/src/Keyboard.vue
@@ -30,7 +30,7 @@ const rows = [
           width="24"
         >
           <path
-            fill="var(--color-tone-1)"
+            fill="currentColor"
             d="M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H7.07L2.4 12l4.66-7H22v14zm-11.59-2L14 13.41 17.59 17 19 15.59 15.41 12 19 8.41 17.59 7 14 10.59 10.41 7 9 8.41 12.59 12 9 15.59z"
           ></path>
         </svg>
diff --git a/src/game.css b/src/game.css
index aa90277..4501c7d 100644
--- a/src/game.css
+++ b/src/game.css
@@ -24,17 +24,17 @@ header {
 .correct,
 .present,
 .absent {
-  color: #fff;
+  color: #fff !important;
 }
 
 .correct {
-  background-color: #6aaa64;
+  background-color: #6aaa64 !important;
 }
 
 .present {
-  background-color: #c9b458;
+  background-color: #c9b458 !important;
 }
 
 .absent {
-  background-color: #787c7e;
+  background-color: #787c7e !important;
 }