diff --git a/packages/frontend/src/pages/settings/theme.vue b/packages/frontend/src/pages/settings/theme.vue
index e7273587ef..e7f68b4ca1 100644
--- a/packages/frontend/src/pages/settings/theme.vue
+++ b/packages/frontend/src/pages/settings/theme.vue
@@ -204,7 +204,8 @@ definePageMetadata(() => ({
 			left: 0;
 			width: 100%;
 			height: 100%;
-			background-color: var(--acrylicPanel);
+			background-color: var(--panel);
+			opacity: .5;
 			cursor: not-allowed;
 		}