Fixes

app/src/main/java/io/xpipe/app/comp/AppLayoutComp.java

@@ -34,13 +34,13 @@ public class AppLayoutComp extends Comp<CompStructure<Pane>> {
                                 },
                                 model.getSelected())));
         var multi = new MultiContentComp(map);
+        multi.styleClass("background");
 
         var pane = new BorderPane();
         var sidebar = new SideMenuBarComp(model.getSelected(), model.getEntries());
         StackPane multiR = (StackPane) multi.createRegion();
         pane.setCenter(multiR);
         pane.setRight(sidebar.createRegion());
-        pane.getStyleClass().add("background");
         model.getSelected().addListener((c, o, n) -> {
             if (o != null && o.equals(model.getEntries().get(2))) {
                 AppPrefs.get().save();

app/src/main/resources/io/xpipe/app/resources/style/sidebar-comp.css

@@ -8,7 +8,7 @@
 .sidebar-comp .icon-button-comp, .sidebar-comp .button {
     -fx-background-radius: 0;
     -fx-background-insets: 0;
-    -fx-background-color: -color-neutral-subtle;
+    -fx-background-color: transparent;
 }
 
 .sidebar-comp .button:disabled {
@@ -23,6 +23,10 @@
     -fx-background-color: -color-neutral-muted;
 }
 
+.sidebar-comp {
+    -fx-background-color: transparent;
+}
+
 .sidebar-comp .icon-button-comp {
     -fx-padding: 1.1em;
 }

app/src/main/resources/io/xpipe/app/resources/style/style.css

@@ -4,10 +4,19 @@
     -fx-border-color: red;
 }
 */
+
 .root {
     -fx-background-color: transparent;
 }
 
+.root:dark .background {
+    -fx-background-color: derive(-color-bg-default, 1%);
+}
+
+.root:light .background {
+    -fx-background-color: derive(-color-bg-default, -9%);
+}
+
 .toggle-switch:has-graphic .label {
     -fx-font-size: 1.7em;
 }