From 74d1eac0c60de1947bcf5cd2073c431d1b1920b9 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Sat, 20 Mar 2021 15:04:36 -0600
Subject: [PATCH] Make the corner button styles apply to the buttons

---
 web/src/components/DiscardHandButton.vue | 2 +-
 web/src/components/ObjectReminder.vue    | 4 ++--
 web/src/components/TeamReminder.vue      | 2 +-
 web/src/css/theme.css                    | 3 ++-
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/web/src/components/DiscardHandButton.vue b/web/src/components/DiscardHandButton.vue
index 3ea43aa..3ea0b03 100644
--- a/web/src/components/DiscardHandButton.vue
+++ b/web/src/components/DiscardHandButton.vue
@@ -91,7 +91,7 @@ button {
 }
 
 .discard-hand {
-	background-color: var(--background3);
+	background-color: var(--trash-button-background);
 	border-radius: 100% 0 0 0;
 	position: relative;
 	border-style: none;
diff --git a/web/src/components/ObjectReminder.vue b/web/src/components/ObjectReminder.vue
index 41c7c75..cfdadc7 100644
--- a/web/src/components/ObjectReminder.vue
+++ b/web/src/components/ObjectReminder.vue
@@ -26,8 +26,8 @@ export default {
 @import "../css/style.css";
 
 #ObjectReminder {
-	background-color: var(--background3);
-	color: var(--background3-text);
+	background-color: var(--object-reminder-background);
+	color: var(--object-reminder-text);
 	border-radius: 100% 0 0 0;
 	height: var(--size);
 	width: var(--size);
diff --git a/web/src/components/TeamReminder.vue b/web/src/components/TeamReminder.vue
index 965b641..597283b 100644
--- a/web/src/components/TeamReminder.vue
+++ b/web/src/components/TeamReminder.vue
@@ -75,7 +75,7 @@ export default {
 @import "../css/style.css";
 
 #TeamReminder > .container {
-	background-color: var(--background3);
+	background-color: var(--team-reminder-background);
 	border-radius: 0 100% 0 0;
 	height: var(--size);
 	width: var(--size);
diff --git a/web/src/css/theme.css b/web/src/css/theme.css
index aca6b83..6996fc8 100644
--- a/web/src/css/theme.css
+++ b/web/src/css/theme.css
@@ -93,8 +93,9 @@
 	--cancel-background-lighten: #fa7d7d;
 	--cancel-text: white;
 
-	/* Trash button */
+	/* Corner buttons */
 	--trash-button-background: var(--background2);
 	--team-reminder-background: var(--background2);
 	--object-reminder-background: var(--background2);
+	--object-reminder-text: var(--background2-text);
 }
\ No newline at end of file