fix(client): grey background in classic theme (closes #1689)

Author: eliandoran

docs/Release Notes/Release Notes/v0.92.8-beta.md

@@ -11,6 +11,7 @@
     *   Note tree not closing when selecting some of the menu actions.
     *   [Most tree context menu on mobile are broken](https://github.com/TriliumNext/Notes/issues/671)
 *   [Quick search launch bar item does nothing in vertical layout](https://github.com/TriliumNext/Notes/issues/1680)
+*   [Note background is gray in 0.92.7 (light theme)](https://github.com/TriliumNext/Notes/issues/1689)
 
 ## ✨ Improvements
 

src/public/app/layouts/desktop_layout.ts

@@ -122,6 +122,7 @@ export default class DesktopLayout {
 
         const rootContainer = new RootContainer(true)
             .setParent(appContext)
+            .class((launcherPaneIsHorizontal ? "horizontal" : "vertical") + "-layout")
             .optChild(
                 fullWidthTabBar,
                 new FlexContainer("row")

src/public/app/layouts/mobile_layout.ts

@@ -7,8 +7,6 @@ import ToggleSidebarButtonWidget from "../widgets/mobile_widgets/toggle_sidebar_
 import MobileDetailMenuWidget from "../widgets/mobile_widgets/mobile_detail_menu.js";
 import ScreenContainer from "../widgets/mobile_widgets/screen_container.js";
 import ScrollingContainer from "../widgets/containers/scrolling_container.js";
-import ProtectedSessionPasswordDialog from "../widgets/dialogs/protected_session_password.js";
-import ConfirmDialog from "../widgets/dialogs/confirm.js";
 import FilePropertiesWidget from "../widgets/ribbon_widgets/file_properties.js";
 import FloatingButtons from "../widgets/floating_buttons/floating_buttons.js";
 import EditButton from "../widgets/floating_buttons/edit_button.js";
@@ -118,6 +116,7 @@ export default class MobileLayout {
     getRootWidget(appContext: typeof AppContext) {
         const rootContainer = new RootContainer(true)
             .setParent(appContext)
+            .class("horizontal-layout")
             .cssBlock(MOBILE_CSS)
             .child(new FlexContainer("column").id("mobile-sidebar-container"))
             .child(

src/public/app/widgets/containers/root_container.ts

@@ -19,7 +19,6 @@ export default class RootContainer extends FlexContainer<BasicWidget> {
 
         this.id("root-widget");
         this.css("height", "100dvh");
-        this.class((isHorizontalLayout ? "horizontal" : "vertical") + "-layout");
         this.originalViewportHeight = getViewportHeight();
     }