diff --git a/resources/assets/js/App.vue b/resources/assets/js/App.vue
index 37923cf62..bc8f725c0 100755
--- a/resources/assets/js/App.vue
+++ b/resources/assets/js/App.vue
@@ -136,20 +136,26 @@ export default {
     computed: {
         ...mapState(['ws', 'themeConf', 'windowOrientation', 'safeAreaSize', 'isFirstPage', 'mobileTabbar']),
 
-        statusColor({routeName}) {
+        statusColor({routeName, windowLandscape}) {
             if (!routeName) {
                 return null
             }
+            if (windowLandscape) {
+                return "#f4f5f7"
+            }
             if (['manage-messenger', 'manage-project'].includes(routeName) || routeName.startsWith('manage-setting')) {
                 return '#f8f8f8'
             }
             return null
         },
 
-        navigationColor({routeName, mobileTabbar}) {
+        navigationColor({routeName, windowLandscape, mobileTabbar}) {
             if (!routeName) {
                 return null
             }
+            if (windowLandscape) {
+                return "#f4f5f7"
+            }
             if (['manage-messenger', 'manage-project', 'manage-setting'].includes(routeName)) {
                 return '#f8f8f8'
             }