Fix duplicate backgroundColor after rebase and format EditorPanel

Author: deviBuilds

apps/desktop/src/main.ts

@@ -512,26 +512,6 @@ function ensureInitialBackendWindowOpen(): void {
   backendInitialWindowOpenInFlight = nextOpen;
 }
 
-function getDesktopWindowBackgroundColor(): string {
-  return nativeTheme.shouldUseDarkColors
-    ? DESKTOP_WINDOW_BACKGROUND_DARK
-    : DESKTOP_WINDOW_BACKGROUND_LIGHT;
-}
-
-function applyDesktopWindowBackground(window: BrowserWindow): void {
-  if (window.isDestroyed()) {
-    return;
-  }
-
-  window.setBackgroundColor(getDesktopWindowBackgroundColor());
-}
-
-function syncAllDesktopWindowBackgrounds(): void {
-  for (const window of BrowserWindow.getAllWindows()) {
-    applyDesktopWindowBackground(window);
-  }
-}
-
 
 function writeDesktopStreamChunk(
   streamName: "stdout" | "stderr",
@@ -1722,7 +1702,7 @@ function registerIpcHandlers(): void {
     }
 
     nativeTheme.themeSource = theme;
-    syncAllDesktopWindowBackgrounds();
+    syncAllWindowAppearance();
   });
 
   ipcMain.removeHandler(CONTEXT_MENU_CHANNEL);
@@ -1893,7 +1873,9 @@ function getIconOption(): { icon: string } | Record<string, never> {
 }
 
 function getInitialWindowBackgroundColor(): string {
-  return nativeTheme.shouldUseDarkColors ? "#0a0a0a" : "#ffffff";
+  return nativeTheme.shouldUseDarkColors
+    ? DESKTOP_WINDOW_BACKGROUND_DARK
+    : DESKTOP_WINDOW_BACKGROUND_LIGHT;
 }
 
 function getWindowTitleBarOptions(): WindowTitleBarOptions {
@@ -1934,7 +1916,6 @@ function syncAllWindowAppearance(): void {
   }
 }
 
-nativeTheme.on("updated", syncAllWindowAppearance);
 
 function createWindow(): BrowserWindow {
   const window = new BrowserWindow({
@@ -1944,9 +1925,8 @@ function createWindow(): BrowserWindow {
     minHeight: 620,
     show: false,
     autoHideMenuBar: true,
-    backgroundColor: getInitialWindowBackgroundColor(),
     ...getIconOption(),
-    backgroundColor: getDesktopWindowBackgroundColor(),
+    backgroundColor: getInitialWindowBackgroundColor(),
     title: APP_DISPLAY_NAME,
     ...getWindowTitleBarOptions(),
     webPreferences: {
@@ -2139,7 +2119,7 @@ app
     configureAppIdentity();
     configureApplicationMenu();
     registerDesktopProtocol();
-    nativeTheme.on("updated", syncAllDesktopWindowBackgrounds);
+    nativeTheme.on("updated", syncAllWindowAppearance);
     configureAutoUpdater();
     void bootstrap().catch((error) => {
       if (isBackendReadinessAborted(error) && isQuitting) {

apps/web/src/components/EditorPanel.tsx

@@ -90,11 +90,7 @@ const EditorPanel = memo(function EditorPanel({
             </div>
           }
         >
-          <MonacoEditor
-            environmentId={environmentId}
-            cwd={cwd}
-            relativePath={activeFilePath}
-          />
+          <MonacoEditor environmentId={environmentId} cwd={cwd} relativePath={activeFilePath} />
         </Suspense>
       </div>
     </div>