From fe375509b9e783304de9257d34ec81d6d5ee97e4 Mon Sep 17 00:00:00 2001
From: Eugene Toder <eltoder@users.noreply.github.com>
Date: Wed, 19 Feb 2025 22:10:09 -0500
Subject: [PATCH] Small tweaks (#132)

---
 src/components/Game.js | 2 +-
 src/pages/GamePage.js  | 2 +-
 src/themes.js          | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Game.js b/src/components/Game.js
index 1061822..b693a07 100644
--- a/src/components/Game.js
+++ b/src/components/Game.js
@@ -47,7 +47,7 @@ function Game({
   useEffect(() => {
     setHighlightCards(lastKeptCards?.split("|"));
     if (lastKeptCards) {
-      const timer = setTimeout(() => setHighlightCards(null), 500);
+      const timer = setTimeout(() => setHighlightCards(null), 300);
       return () => clearTimeout(timer);
     }
   }, [lastKeptCards]);
diff --git a/src/pages/GamePage.js b/src/pages/GamePage.js
index 57b9f51..3174256 100644
--- a/src/pages/GamePage.js
+++ b/src/pages/GamePage.js
@@ -58,7 +58,7 @@ const useStyles = makeStyles((theme) => ({
   },
   snackbar: {
     [theme.breakpoints.down("sm")]: {
-      bottom: 6,
+      bottom: 4,
     },
   },
   doneOverlay: {
diff --git a/src/themes.js b/src/themes.js
index 9b8ae22..5604efe 100644
--- a/src/themes.js
+++ b/src/themes.js
@@ -46,7 +46,7 @@ export const darkTheme = createTheme({
     red: "#ffb047",
     background: "#262626",
     hinted: "rgba(41, 182, 246, 0.25)",
-    highlight: "rgba(75, 158, 158, 0.3)",
+    highlight: "#404040",
     backColors: [
       grey[900],
       grey[800],
@@ -95,7 +95,7 @@ export const lightTheme = createTheme({
     red: "#ff0101",
     background: "#fff",
     hinted: "rgba(3, 169, 244, 0.2)",
-    highlight: "rgba(255, 234, 0, 0.3)",
+    highlight: "#fffedc",
     backColors: [
       indigo[600],
       indigo[300],