fix: 「D」キーでモードを切り替えるときにsyncDeviceDarkModeのチェックを行うようにする (#17526)

* fix(frontend): Dキーショートカットでダークモード切り替え時にsyncDeviceDarkModeのチェックを行うように修正

設定ページのトグルではsyncDeviceDarkModeが有効な場合に確認ダイアログを表示し、
同意後にsyncDeviceDarkModeを無効化してからダークモードを切り替える挙動だったが、
Dキーショートカットではこのチェックがバイパスされていた。
ショートカットキー経由でも同じロジックを適用するように修正。

* fix(frontend): CHANGELOGにDキーのsyncDeviceDarkModeバイパス修正を追記

CHANGELOG.md

@@ -11,6 +11,7 @@
 - Fix: アクセストークン発行時のダイアログのタイトルが「確認コード」となっているのを修正
 - Fix: 一部のUI要素の色が正しく表示されない問題を修正  
   (Cherry-picked from https://github.com/MisskeyIO/misskey/pull/1243)
+- Fix: 「D」キーでダークモードを切り替える際にsyncDeviceDarkModeのチェックがバイパスされる問題を修正
 
 ### Server
 - Enhance: リモートノートクリーニングジョブのスキップ処理のパフォーマンス改善

packages/frontend/src/boot/main-boot.ts

@@ -380,8 +380,20 @@ export async function mainBoot() {
 			if ($i == null) return;
 			post();
 		},
-		'd': () => {
-			store.set('darkMode', !store.s.darkMode);
+		'd': async () => {
+			const value = !store.s.darkMode;
+			if (prefer.s.syncDeviceDarkMode) {
+				const { canceled } = await confirm({
+					type: 'question',
+					text: i18n.tsx.switchDarkModeManuallyWhenSyncEnabledConfirm({ x: i18n.ts.syncDeviceDarkMode }),
+				});
+				if (canceled) return;
+
+				prefer.commit('syncDeviceDarkMode', false);
+				store.set('darkMode', value);
+			} else {
+				store.set('darkMode', value);
+			}
 		},
 		's': () => {
 			mainRouter.push('/search');