chore: re-enable max sidebar transparency

Author: jgresham

src/renderer/Presentational/Sidebar/sidebar.css.ts

@@ -12,13 +12,13 @@ export const container = style({
   width: '268px',
   height: '100%',
   backgroundColor: vars.components.sidebarBackground,
-  // backdropFilter: 'blur(40px)',
-  // selectors: {
-  //   '&.darwin': {
-  //     backgroundColor: 'transparent',
-  //     backdropFilter: 'blur(40px)',
-  //   },
-  // },
+  backdropFilter: 'blur(40px)',
+  selectors: {
+    '&.darwin': {
+      backgroundColor: 'transparent',
+      backdropFilter: 'blur(40px)',
+    },
+  },
 });
 
 export const titleItem = style({

src/renderer/app.css.ts

@@ -41,11 +41,11 @@ export const borderLeft = style({
   backgroundColor: vars.components.sidebarBackground,
   width: 3,
   height: '100%',
-  // selectors: {
-  //   '&.darwin': {
-  //     backgroundColor: 'transparent',
-  //   },
-  // },
+  selectors: {
+    '&.darwin': {
+      backgroundColor: 'transparent',
+    },
+  },
 });
 
 export const borderCenter = style({
@@ -59,11 +59,11 @@ export const borderCenterLine = style({
   backgroundColor: vars.components.sidebarBorder,
   height: '100%',
   width: 1,
-  // selectors: {
-  //   '&.darwin': {
-  //     backgroundColor: vars.components.sidebarMacBorder,
-  //   },
-  // },
+  selectors: {
+    '&.darwin': {
+      backgroundColor: vars.components.sidebarMacBorder,
+    },
+  },
 });
 
 export const borderRight = style({

src/renderer/themeManager.css.ts

@@ -3,9 +3,9 @@ import { vars } from './Generics/redesign/theme.css';
 
 export const background = style({
   background: vars.color.background,
-  // selectors: {
-  //   '&.darwin': {
-  //     background: 'none',
-  //   },
-  // },
+  selectors: {
+    '&.darwin': {
+      background: 'none',
+    },
+  },
 });