diff --git a/components/Modal/Base.vue b/components/Modal/Base.vue
index 42be98a..f2360bc 100644
--- a/components/Modal/Base.vue
+++ b/components/Modal/Base.vue
@@ -38,7 +38,8 @@ onMounted(() => {
   max-height: 90dvh;
 	max-width: 90dvw;
 
-	border-radius: var(--standard-radius);
+	background-color: var(--modal-background-color);
+  border-radius: var(--standard-radius);
   border-width: 0;
   padding: 0;
 
diff --git a/components/Modal/ProfilePopup.vue b/components/Modal/ProfilePopup.vue
index d04587e..8eeee6c 100644
--- a/components/Modal/ProfilePopup.vue
+++ b/components/Modal/ProfilePopup.vue
@@ -123,7 +123,7 @@ function buttonEditProfile() {
 	flex-direction: column;
 
 	color: var(--text-color);
-	background-color: var(--chat-background-color);
+	background-color: var(--modal-background-color);
 
 	overflow-y: scroll;
 }
diff --git a/public/themes/style/ash.css b/public/themes/style/ash.css
index 495fa15..d4ed893 100644
--- a/public/themes/style/ash.css
+++ b/public/themes/style/ash.css
@@ -17,6 +17,7 @@ complementaryColor = white
 	--chat-featured-message-color: #4f3f2f60;
 	--popup-background-color: #2f2828;
 	--popup-highlighted-background-color: #382f2f;
+	--modal-background-color: #3a352f;
 
 	--sidebar-background-color: #3e3a37;
 	--sidebar-highlighted-background-color: #46423b;
diff --git a/public/themes/style/dark.css b/public/themes/style/dark.css
index d23ed76..4fddaf8 100644
--- a/public/themes/style/dark.css
+++ b/public/themes/style/dark.css
@@ -17,6 +17,7 @@ complementaryColor = white
 	--chat-featured-message-color: #4f2f1f58;
 	--popup-background-color: #2f1f1f;
 	--popup-highlighted-background-color: #3f2f2f;
+	--modal-background-color: #28241f;
 
 	--sidebar-background-color: #2e2a27;
 	--sidebar-highlighted-background-color: #36322b;
diff --git a/public/themes/style/description.css b/public/themes/style/description.css
index 972821c..45829e0 100644
--- a/public/themes/style/description.css
+++ b/public/themes/style/description.css
@@ -18,6 +18,7 @@ complementaryColor = black
 	--chat-featured-message-color: #4f2f1f58;
 	--popup-background-color: #2f1f1f;
 	--popup-highlighted-background-color: #3f2f2f;
+	--modal-background-color: #181f1f;
 
 	--sidebar-background-color: #80808000;
 	--sidebar-highlighted-background-color: #ffffff20;
diff --git a/public/themes/style/light.css b/public/themes/style/light.css
index 78bf2f9..6cfecf6 100644
--- a/public/themes/style/light.css
+++ b/public/themes/style/light.css
@@ -17,6 +17,7 @@ complementaryColor = black
     --chat-featured-message-color: #e8ac841f;
     --popup-background-color: #e8e4e0;
     --popup-highlighted-background-color: #dfdbd6;
+	--modal-background-color: #e8e4e0;
 
 	--sidebar-background-color: #dbd8d4;
 	--sidebar-highlighted-background-color: #d4d0ca;
diff --git a/public/themes/style/rainbow-capitalism.css b/public/themes/style/rainbow-capitalism.css
index 8ca3ed7..df01d39 100644
--- a/public/themes/style/rainbow-capitalism.css
+++ b/public/themes/style/rainbow-capitalism.css
@@ -17,6 +17,7 @@ complementaryColor = white
 	--chat-featured-message-color: #4f8f4f80;
 	--popup-background-color: #80808080;
 	--popup-highlighted-background-color: #9f9f9f9f;
+	--modal-background-color: #7fa87fff;
 
 	--sidebar-background-color: #80808000;
 	--sidebar-highlighted-background-color: #ffffff20;