fix: disable mac sidebar transparency for electron 31+ changes

Author: jgresham

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

@@ -13,12 +13,12 @@ export const container = style({
   height: '100%',
   backgroundColor: vars.components.sidebarBackground,
   // backdropFilter: 'blur(40px)',
-  selectors: {
-    '&.darwin': {
-      backgroundColor: 'transparent',
-      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',
+  //   },
+  // },
 });