diff --git a/de/home/.config/katerc b/de/home/.config/katerc
index bed156b..d72e24c 100644
--- a/de/home/.config/katerc
+++ b/de/home/.config/katerc
@@ -172,8 +172,8 @@ SetEditor=false
 1920x1200 screen: Width=944
 2 screens: Height=1108
 2 screens: Width=1020
-2048x1280 screen: Height=474
-2048x1280 screen: Width=666
+2048x1280 screen: Height=642
+2048x1280 screen: Width=911
 3 screens: Height=1054
 3 screens: Width=975
 
diff --git a/de/home/.config/qt6ct/qt6ct.conf b/de/home/.config/qt6ct/qt6ct.conf
index c7a2d4e..92742f2 100644
--- a/de/home/.config/qt6ct/qt6ct.conf
+++ b/de/home/.config/qt6ct/qt6ct.conf
@@ -25,13 +25,13 @@ underline_shortcut=1
 wheel_scroll_lines=3
 
 [PaletteEditor]
-geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\bz\0\0\a\b\0\0\v\x1b\0\0\n\x2\0\0\bz\0\0\a\b\0\0\v\x1b\0\0\n\x2\0\0\0\x2\0\0\0\0\rp\0\0\bz\0\0\a\b\0\0\v\x1b\0\0\n\x2)
+geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\0\a\0\0\0\0\0\0\x4\xd7\0\0\x1\x17\0\0\0\a\0\0\0\0\0\0\x4\xd7\0\0\x1\x17\0\0\0\0\0\0\0\0\b\0\0\0\0\a\0\0\0\0\0\0\x4\xd7\0\0\x1\x17)
 
 [QSSEditor]
 geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\0\0\0\0\0\0\0\0\x2\x82\0\0\x1\xf2\0\0\0\0\0\0\0\0\0\0\x2\x82\0\0\x1\xf2\0\0\0\0\0\0\0\0\a\x80\0\0\0\0\0\0\0\0\0\0\x2\x82\0\0\x1\xf2)
 
 [SettingsWindow]
-geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\0\0\0\0\0\0\0\0\x3\xaa\0\0\x2!\0\0\0\0\0\0\0\0\0\0\x3\xaa\0\0\x2!\0\0\0\0\0\0\0\0\a\x80\0\0\0\0\0\0\0\0\0\0\x3\xaa\0\0\x2!)
+geometry="@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\0\0\0\0\0\0\0\0\x3\b\0\0\x2=\0\0\0\0\0\0\0\0\0\0\x3\b\0\0\x2=\0\0\0\0\0\0\0\0\b\0\0\0\0\0\0\0\0\0\0\0\x3\b\0\0\x2=)"
 
 [Troubleshooting]
 force_raster_widgets=1
diff --git a/de/home/.librewolf/config/chrome/sidebery.css b/de/home/.librewolf/config/chrome/sidebery.css
new file mode 100644
index 0000000..71edc76
--- /dev/null
+++ b/de/home/.librewolf/config/chrome/sidebery.css
@@ -0,0 +1,197 @@
+/* SPDX-License-Identifier: MPL-2.0 */
+/* SPDX-FileCopyrightText: 2024 awwpotato */
+
+@-moz-document regexp("^moz-extension://.*?/sidebar/sidebar.html")
+{
+  :root,
+  .root,
+  #root {
+    --general-border-radius: var(--uc-button-radius) !important;
+    --tabs-margin: 1.5px !important;
+    --tabs-pinned-height: 30px !important;
+    --tabs-pinned-width: 30px !important;
+    --tabs-height: 30px !important;
+    --nav-btn-width: 30px !important;
+    --nav-btn-height: 28px !important;
+
+    @media -moz-pref( "browser.tabs.allow_transparent_browser") and (not (-moz-platform: windows)) {
+      background-color: transparent !important;
+      --frame-bg: transparent !important;
+    }
+  }
+
+  @media (max-width: 40px) {
+    .TabsPanel {
+      --tabs-indent: 0px !important;
+    }
+    .bookmarks-tree {
+      --bookmarks-indent: 0px !important;
+    }
+    .Tab:not([data-active="true"]) .close {
+      display: none !important;
+    }
+  }
+
+  .NavigationBar
+    .main-items
+    .nav-item[data-index="-1"]:not([data-active="true"]),
+  .NavigationBar:not(:has(.nav-item:not([data-index="-1"]))) .static-btns {
+    display: none !important;
+  }
+  @media (max-width: 66px) {
+    .NavigationBar .static-btns {
+      display: none !important;
+    }
+  }
+
+  .NavigationBar .main-items .nav-item[data-index="-1"] {
+    opacity: 1 !important;
+    z-index: 1 !important;
+    transform: scale(1, 1) !important;
+  }
+
+  .central-box {
+    margin-top: var(--tabs-margin) !important;
+  }
+
+  .TabsPanel .new-tab-btns {
+    padding: 0 var(--tabs-margin) !important;
+  }
+
+  #new-tab-btn {
+    width: 100% !important;
+  }
+
+  .NavigationBar {
+    border-radius: 6px !important;
+    margin: 0.3px !important;
+  }
+
+  #nav_bar {
+    background-color: transparent !important;
+    padding: var(--tabs-margin) !important;
+  }
+
+  @media not -moz-pref( "uc.tweak.sidebery.top-navbar") {
+    .top-horizontal-box {
+      order: 100 !important;
+      margin-bottom: var(--tabs-margin) !important;
+    }
+
+    .NavigationBar.-top .hidden-panels-popup {
+      position: absolute !important;
+      margin-top: -1000px !important;
+      top: auto !important;
+      bottom: 36px !important;
+    }
+    .NavigationBar.-top .hidden-panels-popup-layer::before {
+      display: none !important;
+      background-color: transparent !important;
+    }
+  } @media -moz-pref( "uc.tweak.sidebery.top-navbar") {
+    .top-horizontal-box {
+      margin-top: var(--tabs-margin) !important;
+    }
+  }
+
+  @media -moz-pref( "uc.tweak.sidebery.big-pinned") {
+    .PinnedTabsBar {
+      display: grid !important;
+      grid-gap: calc(3 * var(--tabs-margin)) !important;
+      grid-template-rows: 3rem;
+      grid-auto-rows: 3rem;
+      grid-template-columns: repeat(auto-fit, minmax(min(100%, 3rem), 1fr));
+    }
+
+    .Tab[data-pin="true"] {
+      width: 100% !important;
+      height: 100% !important;
+      &:not([data-active="true"]) .body {
+        background-color: color-mix(
+          in oklab,
+          var(--tabs-activated-bg) 25%,
+          transparent
+        ) !important;
+      }
+    }
+  }
+
+  /* tab audio indicator */
+  .Tab .audio {
+    top: 2px !important;
+    left: 2px !important;
+    height: 12px !important;
+    width: 12px !important;
+  }
+  .Tab .child-count {
+    display: none !important;
+  }
+  .Tab[data-audible="true"] .t-box .title,
+  .Tab[data-muted="true"] .t-box .title,
+  .Tab[data-paused="true"] .t-box .title {
+    transform: translateX(0px) !important;
+  }
+
+  /* replace new tab panel and new tab button with plus */
+  .NavigationBar #add_tp.nav-item .icon,
+  .new-tab-btn > svg {
+    fill: transparent;
+    background-color: var(--nav-btn-fg);
+    mask: url("chrome://global/skin/icons/plus.svg") !important;
+  }
+
+  .nav-item .audio,
+  .nav-item .bookmarks-badge-icon {
+    background-color: var(--frame-bg) !important;
+  }
+
+  /* new tab button */
+  .TabsPanel .new-tab-btns {
+    height: calc(var(--tabs-height) + var(--tabs-margin)) !important;
+    width: calc(100% - var(--tabs-margin) * 2) !important;
+    padding: 0px !important;
+    padding-bottom: var(--tabs-margin) !important;
+    margin: 0 var(--tabs-margin);
+    border-radius: var(--tabs-border-radius);
+
+    position: relative !important;
+    overflow: clip !important;
+
+    & .new-tab-btn {
+      width: 100% !important;
+      height: 100% !important;
+
+      justify-content: flex-start !important;
+      flex-wrap: nowrap !important;
+      overflow: clip !important;
+      min-width: unset !important;
+      position: relative !important;
+
+      &::after {
+        content: "New Tab";
+        position: relative;
+        margin-left: calc(
+          var(--tabs-inner-gap) + var(--tabs-inner-gap) + 2px + 16px
+        ) !important;
+        width: calc(
+          100% - (var(--tabs-inner-gap) + var(--tabs-inner-gap) + 2px + 16px)
+        ) !important;
+
+        font: var(--tabs-font);
+        color: var(--tabs-normal-fg);
+        white-space: nowrap;
+        display: block !important;
+        box-sizing: border-box;
+        text-align: start;
+        overflow: hidden;
+        transition: transform var(--d-fast);
+        mask: linear-gradient(-90deg, transparent, #000 8px, #000);
+        margin-right: 2px !important;
+      }
+    }
+
+    & svg {
+      margin: 0 var(--tabs-inner-gap) 0 calc(var(--tabs-inner-gap) + 2px);
+    }
+  }
+}
diff --git a/de/home/.librewolf/config/chrome/userChrome.css b/de/home/.librewolf/config/chrome/userChrome.css
index 99e241d..e51e54c 100644
--- a/de/home/.librewolf/config/chrome/userChrome.css
+++ b/de/home/.librewolf/config/chrome/userChrome.css
@@ -8,6 +8,8 @@
 #sidebar-header {
     display: none !important;
 }
+:root { --tabpanel-background-color: #00000000 !important; }
+
 /*************************************************************************************************************************************************************************************************************************************************************
 
 "userChrome.css" is a custom CSS file that can be used to specify CSS style rules for Floorp's interface (NOT internal site) using "chrome" privileges.
diff --git a/de/home/.librewolf/config/chrome/userContent.css b/de/home/.librewolf/config/chrome/userContent.css
index 31882f9..976295d 100644
--- a/de/home/.librewolf/config/chrome/userContent.css
+++ b/de/home/.librewolf/config/chrome/userContent.css
@@ -1,3 +1,4 @@
+@import url("sidebery.css");
 /*************************************************************************************************************************************************************************************************************************************************************
 
 "userContent.css" is a custom CSS file that can be used to specify CSS style rules for Floorp's intenal site using "chrome" privileges.
@@ -20,3 +21,7 @@ NOTE: You can use the userContent.css file without change preferences (about:con
 
 @charset "UTF-8";
 /* Please write your custom CSS under this line*/
+:root {
+  --in-content-page-background: #00000000 !important;
+  --in-content-box-background: #00000088 !important;
+}