From 693b9f97362d05e251c1195a0bae1434dd60acb9 Mon Sep 17 00:00:00 2001
From: MHSanaei <ho3ein.sanaei@gmail.com>
Date: Fri, 8 May 2026 18:41:59 +0200
Subject: [PATCH] fix(frontend): darken light-theme page bg so cards stand out
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The light-theme --bg-page was #f0f2f5 — close enough to AD-Vue's #fff
card background that the cards faded into the page. Bump it to #e6e8ec
(a more visibly distinct gray) so cards lift cleanly off the surface.
Dark and ultra-dark stay where they were.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 frontend/src/pages/inbounds/InboundsPage.vue | 2 +-
 frontend/src/pages/index/IndexPage.vue       | 2 +-
 frontend/src/pages/settings/SettingsPage.vue | 2 +-
 frontend/src/pages/xray/XrayPage.vue         | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/inbounds/InboundsPage.vue b/frontend/src/pages/inbounds/InboundsPage.vue
index 6aab5ffb..59eedd29 100644
--- a/frontend/src/pages/inbounds/InboundsPage.vue
+++ b/frontend/src/pages/inbounds/InboundsPage.vue
@@ -669,7 +669,7 @@ function onRowAction({ key, dbInbound }) {
 
 <style scoped>
 .inbounds-page {
-  --bg-page: #f0f2f5;
+  --bg-page: #e6e8ec;
   --bg-card: #ffffff;
 
   min-height: 100vh;
diff --git a/frontend/src/pages/index/IndexPage.vue b/frontend/src/pages/index/IndexPage.vue
index e42ad01a..411b2ebf 100644
--- a/frontend/src/pages/index/IndexPage.vue
+++ b/frontend/src/pages/index/IndexPage.vue
@@ -319,7 +319,7 @@ async function openConfig() {
 
 <style scoped>
 .index-page {
-  --bg-page: #f0f2f5;
+  --bg-page: #e6e8ec;
   --bg-card: #ffffff;
 
   min-height: 100vh;
diff --git a/frontend/src/pages/settings/SettingsPage.vue b/frontend/src/pages/settings/SettingsPage.vue
index ac0af2fa..f0e42da0 100644
--- a/frontend/src/pages/settings/SettingsPage.vue
+++ b/frontend/src/pages/settings/SettingsPage.vue
@@ -250,7 +250,7 @@ const alertVisible = ref(true);
 
 <style scoped>
 .settings-page {
-  --bg-page: #f0f2f5;
+  --bg-page: #e6e8ec;
   --bg-card: #ffffff;
 
   min-height: 100vh;
diff --git a/frontend/src/pages/xray/XrayPage.vue b/frontend/src/pages/xray/XrayPage.vue
index 2323da6d..9f542b9a 100644
--- a/frontend/src/pages/xray/XrayPage.vue
+++ b/frontend/src/pages/xray/XrayPage.vue
@@ -301,7 +301,7 @@ function confirmRestart() {
 
 <style scoped>
 .xray-page {
-  --bg-page: #f0f2f5;
+  --bg-page: #e6e8ec;
   --bg-card: #ffffff;
 
   min-height: 100vh;