From bde0dfc4f245655083d974a48f1a8da1b94ad9b4 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Tue, 20 Jan 2026 12:00:45 +0100
Subject: [PATCH] Restore system theme when menu toggle matches system
 preference

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/left/main/LeftSideMenuItems.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/left/main/LeftSideMenuItems.tsx b/src/components/left/main/LeftSideMenuItems.tsx
index c56734843..fbf6fc9e4 100644
--- a/src/components/left/main/LeftSideMenuItems.tsx
+++ b/src/components/left/main/LeftSideMenuItems.tsx
@@ -29,6 +29,7 @@ import { IS_MULTIACCOUNT_SUPPORTED } from '../../../util/browser/globalEnvironme
 import { IS_TAURI } from '../../../util/browser/globalEnvironment';
 import { getPromptInstall } from '../../../util/installPrompt';
 import { switchPermanentWebVersion } from '../../../util/permanentWebVersion';
+import { getSystemTheme } from '../../../util/systemTheme';
 
 import { useFolderManagerForUnreadCounters } from '../../../hooks/useFolderManager';
 import useLang from '../../../hooks/useLang';
@@ -106,9 +107,10 @@ const LeftSideMenuItems = ({
   const handleDarkModeToggle = useLastCallback((e: React.SyntheticEvent<HTMLElement>) => {
     e.stopPropagation();
     const newTheme = theme === 'light' ? 'dark' : 'light';
+    const shouldUseSystemTheme = newTheme === getSystemTheme();
 
     setSharedSettingOption({ theme: newTheme });
-    setSharedSettingOption({ shouldUseSystemTheme: false });
+    setSharedSettingOption({ shouldUseSystemTheme });
   });
 
   const handleAnimationLevelChange = useLastCallback((e: React.SyntheticEvent<HTMLElement>) => {