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