fix: traffic light styling on light mode (#6333)

* fix

* fixes

packages/bruno-app/src/providers/Theme/index.js

@@ -36,7 +36,11 @@ export const ThemeProvider = (props) => {
       setDisplayedTheme(storedTheme);
       root.classList.add(storedTheme);
     }
-  }, [storedTheme, setDisplayedTheme, window.matchMedia]);
+
+    if (window.ipcRenderer) {
+      window.ipcRenderer.send('renderer:theme-change', storedTheme);
+    }
+  }, [storedTheme]);
 
   // storedTheme can have 3 values: 'light', 'dark', 'system'
   // displayedTheme can have 2 values: 'light', 'dark'

packages/bruno-electron/src/ipc/preferences.js

@@ -1,4 +1,4 @@
-const { ipcMain } = require('electron');
+const { ipcMain, nativeTheme } = require('electron');
 const { getPreferences, savePreferences, preferencesUtil } = require('../store/preferences');
 const { globalEnvironmentsStore } = require('../store/global-environments');
 
@@ -38,6 +38,10 @@ const registerPreferencesIpc = (mainWindow, watcher) => {
       return Promise.reject(error);
     }
   });
+
+  ipcMain.on('renderer:theme-change', (event, theme) => {
+    nativeTheme.themeSource = theme;
+  });
 };
 
 module.exports = registerPreferencesIpc;