From a3ac2629e9332f5382b1316da3e3eeba13d48886 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 4 Jan 2025 14:23:17 +0200
Subject: [PATCH] style(next): improve status bar on tablet mode

---
 src/public/app/layouts/mobile_layout.js     |  1 +
 src/public/stylesheets/theme-next/shell.css | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/src/public/app/layouts/mobile_layout.js b/src/public/app/layouts/mobile_layout.js
index 00a17c6c1..8843a8c3a 100644
--- a/src/public/app/layouts/mobile_layout.js
+++ b/src/public/app/layouts/mobile_layout.js
@@ -122,6 +122,7 @@ export default class MobileLayout {
             )
             .child(new FlexContainer("row")
                 .filling()
+                .id("mobile-rest-container")
                 .child(new SidebarContainer("tree", 'column')
                     .class("d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-5 col-md-4 col-lg-3 col-xl-3")
                     .id("mobile-sidebar-wrapper")
diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index c63dcf1d8..147f2aa36 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -19,6 +19,16 @@
     background-color: var(--root-background);
 }
 
+@media (min-width: 992px) {
+    body.mobile #root-widget {
+        background-color: var(--launcher-pane-background-color);
+    }
+
+    body.mobile #mobile-rest-container {
+        background-color: var(--root-background);
+    }
+}
+
 body {
     --native-titlebar-darwin-x-offset: 10;
     --native-titlebar-darwin-y-offset: 17 !important;