From 0e2575b9c5e01abc24a55016fffdac5c113de799 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Sat, 20 Mar 2021 15:05:27 -0600
Subject: [PATCH] Add specific CSS var for the hand background

---
 web/src/components/Hand.vue | 3 +--
 web/src/css/theme.css       | 7 ++++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/components/Hand.vue b/web/src/components/Hand.vue
index 1350b42..3b79086 100644
--- a/web/src/components/Hand.vue
+++ b/web/src/components/Hand.vue
@@ -184,8 +184,7 @@ export default {
 @import "../css/style.css";
 
 #PlayerHand {
-	background-color: var(--background2);
-	border-radius: 20px;
+	background-color: var(--hand-background);
 	margin: 0 auto;
 	padding: 0px;
 	width: 95%;
diff --git a/web/src/css/theme.css b/web/src/css/theme.css
index 6996fc8..6054c9b 100644
--- a/web/src/css/theme.css
+++ b/web/src/css/theme.css
@@ -37,6 +37,9 @@
 	--background3-lighten: #fff4d7;
 	--background3-text: var(--dark-font-colour);
 
+	/* Hand colours */
+	--hand-background: rgba(255, 255, 255, 0.2);
+
 	/*
 		The colours for the cards in the hands of the players
 	*/
@@ -65,9 +68,7 @@
 	--object-button-focus: var(--background2-darken);
 	--object-button-text: var(--background2-text);
 
-	/*
-		Colours used for the past questions insert and button
-	*/
+	/* Colours used for the past questions insert and button */
 	--past-questions-button-default: var(--background3);
 	--past-questions-button-hover: var(--background3-lighten);
 	--past-questions-button-focus: var(--background3-darken);