Remove media queries for color scheme in preload.css to simplify styling. This change eliminates the background color definitions for dark and light modes, streamlining the CSS for the loader component.

- Adjusted background opacity for light and dark modes in the sidebar to enhance visual consistency.
- Introduced new styles for the electron navigation wrapper in both light and dark modes to improve UI clarity.
- Refined overall CSS for macOS vibrancy to ensure better integration with the application layout.

assets/stylesheets/App.css

@@ -133,11 +133,11 @@ html.macos-vibrancy .dark-mode .ant-layout.main-content-layout {
 }
 
 html.macos-vibrancy .light-mode .ant-layout-sider {
-  background: rgba(244, 244, 244, 0.8) !important;
+  background: rgba(244, 244, 244, 0.82) !important;
 }
 
 html.macos-vibrancy .dark-mode .ant-layout-sider {
-  background: rgba(10, 10, 10, 0.8) !important;
+  background: rgba(10, 10, 10, 0.82) !important;
 }
 
 html.macos-vibrancy .light-mode .ant-layout-content {
@@ -171,6 +171,18 @@ html.macos-vibrancy
   color: #ffffff;
 }
 
+html.macos-vibrancy .dark-mode .electron-navigation-wrapper {
+  background: rgba(10, 10, 10, 0.9) !important;
+}
+
+html.macos-vibrancy .light-mode .electron-navigation-wrapper {
+  background: rgba(255, 255, 255, 0.9) !important;
+}
+
+html.macos-vibrancy .electron-navigation {
+  background: rgba(0, 0, 0, 0) !important;
+}
+
 html.macos-vibrancy .light-mode .ant-layout.main-content-layout .ant-card {
   background: rgba(255, 255, 255, 0.5) !important;
 }

public/preload.css

@@ -6,18 +6,6 @@
   align-items: center;
 }
 
-@media (prefers-color-scheme: dark) {
-  body {
-    background-color: black;
-  }
-}
-
-@media (prefers-color-scheme: light) {
-  body {
-    background-color: white;
-  }
-}
-
 /* HTML: <div class="loader"></div> */
 .fc-loader {
   width: 35px;