💄 fix https://github.com/siyuan-note/siyuan/issues/5139

app/appearance/langs/en_US.json

@@ -208,7 +208,6 @@
   "default": "Default",
   "titleBg": "Cover",
   "random": "Random",
-  "darkMode": "Dark mode",
   "downloadRecover1": "Download the cloud backup and overwrite the local backup, and then recover from the local backup",
   "deleteCloudBackup": "Delete cloud backup completely",
   "backupUpload1": "Generate an encrypted local backup and upload the backup to the cloud",

app/appearance/langs/fr_FR.json

@@ -208,7 +208,6 @@
   "default": "Default",
   "titleBg": "Couverture",
   "random": "Random",
-  "darkMode": "mode Sombre",
   "downloadRecover1": "Téléchargez la sauvegarde sur le nuage et remplacez la sauvegarde locale, puis restaurez à partir de la sauvegarde locale.",
   "deleteCloudBackup": "Supprimer complètement la sauvegarde dans le cloud",
   "backupUpload1": "Générez une sauvegarde locale chiffrée, puis téléchargez cette sauvegarde sur le cloud.",

app/appearance/langs/zh_CHT.json

@@ -208,7 +208,6 @@
   "default": "預設",
   "titleBg": "封面圖",
   "random": "隨機",
-  "darkMode": "深色模式",
   "downloadRecover1": "將雲端備份下載並覆蓋本地備份，然後從本地備份進行恢復",
   "deleteCloudBackup": "徹底刪除雲端備份",
   "backupUpload1": "生成加密過的本地備份，然後將該備份上傳到雲端",

app/appearance/langs/zh_CN.json

@@ -208,7 +208,6 @@
   "default": "默认",
   "titleBg": "题头图",
   "random": "随机",
-  "darkMode": "暗黑模式",
   "downloadRecover1": "将云端备份下载并覆盖本地备份，然后从本地备份进行恢复",
   "deleteCloudBackup": "彻底删除云端备份",
   "backupUpload1": "生成加密过的本地备份，然后将该备份上传到云端",

app/src/config/appearance.ts

@@ -344,10 +344,15 @@ export const appearance = {
         ipcRenderer.send(Constants.SIYUAN_CONFIG_CLOSE, data.closeButtonBehavior);
         /// #endif
         loadAssets(data);
+        const modeElement =  document.getElementById("barThemeMode")
+        if (modeElement) {
             if (data.mode === 1) {
-            document.getElementById("barThemeMode")?.classList.add("toolbar__item--active");
+                modeElement.classList.add("toolbar__item--active");
+                modeElement.setAttribute("aria-label", window.siyuan.languages.themeLight)
             } else {
-            document.getElementById("barThemeMode")?.classList.remove("toolbar__item--active");
+                modeElement.classList.remove("toolbar__item--active");
+                modeElement.setAttribute("aria-label", window.siyuan.languages.themeDark)
+            }
         }
     }
 };

app/src/util/onGetConfig.ts

@@ -167,7 +167,7 @@ const initBar = () => {
         <use xlink:href="#${window.siyuan.config.uiLayout.hideDock ? "iconDock" : "iconHideDock"}"></use>
     </svg>
 </div>
-<div id="barThemeMode" class="toolbar__item b3-tooltips b3-tooltips__se${window.siyuan.config.appearance.mode === 1 ? " toolbar__item--active" : ""}" aria-label="${window.siyuan.languages.darkMode}">
+<div id="barThemeMode" class="toolbar__item b3-tooltips b3-tooltips__se${window.siyuan.config.appearance.mode === 1 ? " toolbar__item--active" : ""}" aria-label="${window.siyuan.config.appearance.mode === 1 ? window.siyuan.languages.themeLight : window.siyuan.languages.themeDark}">
     <svg>
         <use xlink:href="#iconMoon"></use>
     </svg>
@@ -224,8 +224,10 @@ const initBar = () => {
         }
         if (barThemeModeElement.classList.contains("toolbar__item--active")) {
             barThemeModeElement.classList.remove("toolbar__item--active");
+            barThemeModeElement.setAttribute("aria-label", window.siyuan.languages.themeDark)
         } else {
             barThemeModeElement.classList.add("toolbar__item--active");
+            barThemeModeElement.setAttribute("aria-label", window.siyuan.languages.themeLight)
         }
         barThemeModeElement.setAttribute("disabled", "disabled");
         fetchPost("/api/system/setAppearanceMode", {