v12022.04.17 :: Fixed tansparent backgrounds with some themes

extensions/sidebar.css

@@ -1,16 +1,20 @@
 /*
   Extension (Core): Sidebar
   Description: This is the core implenration of the sidebar, used in drannex42's FirefoxSidebar.
-  Repository URL: https://github.com/drannex42/FirefoxSidebar
+  Repository URL: https://github.com/drannex42/
+  Version: v12022.04.17 
 */
 
 #main-window #TabsToolbar {
   visibility: collapse;
 }
 
+
+
 #sidebar-box > #browser,
 #webextpanels-window {
   background: transparent !important;
+
 }
 
 #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]
@@ -48,7 +52,7 @@
 #sidebar-header {
   border: none !important;
   border-right: 1px solid var(--sidebar-border-color);
-  background: var(--custom-sidebar-bg, --sidebar-background-color) !important;
+  background: var(--custom-sidebar-header-bg, transparent) !important;
 }
 
 #sidebar-close,
@@ -72,12 +76,12 @@
 
 #sidebar-box {
   /* lock sidebar to height by doing the inverse margin of the toolbar element */
-  background: var(--custom-sidebar-bg) !important;
   z-index: 1000 !important;
   position: relative !important;
   margin-top: var(--menubar-height) !important;
   border-right: none;
   transition: none !important;
+  background: transparent !important;
 
   /* lock sidebar to specified width */
   min-width: var(--sidebar-width) !important;
@@ -128,6 +132,7 @@ toolbarseparator {
   width: 50px !important;
   min-width: 50px !important;
   width: 100% !important;
+  background: var(--custom-sidebar-bg, --sidebar-background);
 }
 
 #nav-bar-customization-target {

prefs.css

@@ -11,6 +11,12 @@
   --sidebar-padding: calc(var(--sidebar-width) + 5px);
   --toolbar-start-end-padding: 5px !important;
 
+  /* Custom Sidebar/Header Backround :: 
+     This sets the background for the other sidebar options (bookmarks, history, in case it is transparent from a theme that is not set up properly 
+  */
+    /* --custom-sidebar-bg: Field; /* Default: Field (Disabled) */
+    /* --custom-sidebar-header-bg: Field; /* Default: Field (Disabled) */
+
   /* ====== Extension Settings ====== */
 
   /* Window Control / Client Side Display Settings === 
@@ -24,12 +30,12 @@
     /*  
       CSD - Left Side === 
       Default: --csd-left: 50px; --csd-margin-left: 92px;
-    /*
-
-      --csd-left: 50px;
-      --csd-margin-left: 92px;
-
-    /* END: CSD - Left Side ====== */
+    */
+    
+      /*
+        --csd-left: 50px;
+        --csd-margin-left: 92px;
+      */
 
     /*
       CSD - Right Side ===
@@ -39,18 +45,8 @@
       --csd-right: 0px;
       --csd-margin-right: 95px;
 
-    */
-    /* END: CSD - Right Side ====== */
-
   /* === END: Window Control / Client Side Display Settings === */
 
-
-  /* === Custom Sidebar Header Background (Legacy) === */
-
-    /* --custom-sidebar-bg: #000 !important; */
-
-  /* === END: Custom Sidebar Header Background (Legacy) === */
-
 /* === END: Extension Settings === */
 
 }

userChrome.css

@@ -3,7 +3,7 @@
   Description: Vertical tab design for Firefox with dynamic indentation::
     Sideberry and TreeStyleTabs (Legacy) themes available!
   Repository URL: https://github.com/drannex42/FirefoxSidebar
-  Version: 12022.03.15
+  Version: 12022.04.17
 */
 
 /*