diff --git a/src/components/modals/SiteInfo.vue b/src/components/modals/SiteInfo.vue
index e86ad33..5c98457 100644
--- a/src/components/modals/SiteInfo.vue
+++ b/src/components/modals/SiteInfo.vue
@@ -70,6 +70,7 @@ export default {
 .modal {
 	background-color: var(--modal-background);
 	border-radius: var(--corner-rounding);
+	color: var(--modal-text);
 	text-align: center;
 	max-height: 85%;
 	padding: 0 15px;
diff --git a/src/components/modals/ThemeModal.vue b/src/components/modals/ThemeModal.vue
index d315949..cb4a9c9 100644
--- a/src/components/modals/ThemeModal.vue
+++ b/src/components/modals/ThemeModal.vue
@@ -131,6 +131,7 @@ export default {
 .modal {
 	background-color: var(--modal-background);
 	border-radius: var(--corner-rounding);
+	color: var(--modal-text);
 	text-align: center;
 	max-height: 85%;
 	padding: 0 15px;