fix(theme-classic): improve aria label of color mode toggle (#6674)

* fix(theme-classic): improve aria label of color mode toggle * oops
2025-08-04 01:09:20 +02:00 · 2022-02-16 10:38:09 +08:00 · 2022-02-16 10:38:09 +08:00 · 80a9806775
commit 80a9806775
parent 0c6165b161
25 changed files with 94 additions and 29 deletions
--- a/packages/docusaurus-theme-classic/src/theme/Toggle/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/Toggle/index.tsx
@ -62,11 +62,26 @@ const ToggleComponent = memo(
          checked={checked}
          type="checkbox"
          className={styles.toggleScreenReader}
-          aria-label={translate({
-            message: 'Switch between dark and light mode',
-            id: 'theme.colorToggle.ariaLabel',
-            description: 'The ARIA label for the navbar color mode toggle',
-          })}
+          aria-label={translate(
+            {
+              message: 'Switch between dark and light mode (currently {mode})',
+              id: 'theme.colorToggle.ariaLabel',
+              description: 'The ARIA label for the navbar color mode toggle',
+            },
+            {
+              mode: checked
+                ? translate({
+                    message: 'dark mode',
+                    id: 'theme.colorToggle.ariaLabel.mode.dark',
+                    description: 'The name for the dark color mode',
+                  })
+                : translate({
+                    message: 'light mode',
+                    id: 'theme.colorToggle.ariaLabel.mode.light',
+                    description: 'The name for the light color mode',
+                  }),
+            },
+          )}
          onChange={onChange}
          onClick={() => setChecked(!checked)}
          onFocus={() => setFocused(true)}
--- a/packages/docusaurus-theme-translations/locales/ar/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/ar/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "{readingTime} دقائق قراءة|{readingTime} دقائق قراءة",
  "theme.blog.sidebar.navAriaLabel": "أحدث مشاركات المدونة",
  "theme.blog.tagTitle": "{nPosts} موسومة ب \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "تعديل هذه الصفحة",
  "theme.common.headingLinkTitle": "ارتباط مباشر بالعنوان",
  "theme.common.skipToMainContent": "انتقل إلى المحتوى الرئيسي",
--- a/packages/docusaurus-theme-translations/locales/base/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/base/theme-common.json
@ -51,8 +51,12 @@
  "theme.blog.sidebar.navAriaLabel___DESCRIPTION": "The ARIA label for recent posts in the blog sidebar",
  "theme.blog.tagTitle": "{nPosts} tagged with \"{tagName}\"",
  "theme.blog.tagTitle___DESCRIPTION": "The title of the page for a blog tag",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
  "theme.colorToggle.ariaLabel___DESCRIPTION": "The ARIA label for the navbar color mode toggle",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.light___DESCRIPTION": "The name for the light color mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
+  "theme.colorToggle.ariaLabel.mode.dark___DESCRIPTION": "The name for the dark color mode",
  "theme.common.editThisPage": "Edit this page",
  "theme.common.editThisPage___DESCRIPTION": "The link label to edit the current page",
  "theme.common.headingLinkTitle": "Direct link to heading",
--- a/packages/docusaurus-theme-translations/locales/bn/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/bn/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "এক মিনিট পড়া|{readingTime} মিনিট পড়া",
  "theme.blog.sidebar.navAriaLabel": "সাম্প্রতিক ব্লগ পোস্ট নেভিগেশন",
  "theme.blog.tagTitle": "{nPosts} সঙ্গে ট্যাগ্গেড \"{tagName}\" ",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "এই পেজটি এডিট করুন",
  "theme.common.headingLinkTitle": "হেডিং এর সঙ্গে সরাসরি লিংকড",
  "theme.common.skipToMainContent": "স্কিপ করে মূল কন্টেন্ট এ যান",
--- a/packages/docusaurus-theme-translations/locales/cs/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/cs/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "Jedna minuta čtení|{readingTime} minuty čtení|{readingTime} minut čtení|{readingTime} minut čtení",
  "theme.blog.sidebar.navAriaLabel": "Navigace s aktuálními články na blogu",
  "theme.blog.tagTitle": "{nPosts} s tagem \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "Upravit tuto stránku",
  "theme.common.headingLinkTitle": "Přímý odkaz na nadpis",
  "theme.common.skipToMainContent": "Přeskočit na hlavní obsah",
--- a/packages/docusaurus-theme-translations/locales/da/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/da/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "Et minuts læsetid|{readingTime} minutters læsetid",
  "theme.blog.sidebar.navAriaLabel": "Blog recent posts navigation",
  "theme.blog.tagTitle": "{nPosts} med følgende tag \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "Rediger denne side",
  "theme.common.headingLinkTitle": "Direkte link til overskrift",
  "theme.common.skipToMainContent": "Hop til hovedindhold",
--- a/packages/docusaurus-theme-translations/locales/de/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/de/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "Eine Minute Lesezeit|{readingTime} Minuten Lesezeit",
  "theme.blog.sidebar.navAriaLabel": "Blog recent posts navigation",
  "theme.blog.tagTitle": "{nPosts} getaggt mit \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "Diese Seite bearbeiten",
  "theme.common.headingLinkTitle": "Direkter Link zur Überschrift",
  "theme.common.skipToMainContent": "Zum Hauptinhalt springen",
--- a/packages/docusaurus-theme-translations/locales/es/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/es/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "Lectura de un minuto|{readingTime} min de lectura",
  "theme.blog.sidebar.navAriaLabel": "Navegación de publicaciones recientes",
  "theme.blog.tagTitle": "{nPosts} etiquetados con \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "Editar esta página",
  "theme.common.headingLinkTitle": "Enlace directo al encabezado",
  "theme.common.skipToMainContent": "Saltar al contenido principal",
--- a/packages/docusaurus-theme-translations/locales/fa/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/fa/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "خواندن ۱ دقیقه|خواندن {readingTime} دقیقه",
  "theme.blog.sidebar.navAriaLabel": "کنترل پست های اخیر وبلاگ",
  "theme.blog.tagTitle": "{nPosts} با برچسب \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "ویرایش مطالب این صفحه",
  "theme.common.headingLinkTitle": "لینک مستقیم به عنوان",
  "theme.common.skipToMainContent": "پرش به مطلب اصلی",
--- a/packages/docusaurus-theme-translations/locales/fil/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/fil/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "Isang minutong basahin|{readingTime} minutong basahin",
  "theme.blog.sidebar.navAriaLabel": "Blog recent posts navigation",
  "theme.blog.tagTitle": "{nPosts} na may tag na \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "I-edit ang page",
  "theme.common.headingLinkTitle": "Direktang link patungo sa heading",
  "theme.common.skipToMainContent": "Lumaktaw patungo sa pangunahing content",
--- a/packages/docusaurus-theme-translations/locales/fr/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/fr/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "Une minute de lecture|{readingTime} minutes de lecture",
  "theme.blog.sidebar.navAriaLabel": "Navigation article de blog récent",
  "theme.blog.tagTitle": "{nPosts} tagués avec « {tagName} »",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "Éditer cette page",
  "theme.common.headingLinkTitle": "Lien direct vers le titre",
  "theme.common.skipToMainContent": "Aller au contenu principal",
--- a/packages/docusaurus-theme-translations/locales/he/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/he/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "דקת קריאה|{readingTime} דקות קריאה|{readingTime} דקות קריאה|{readingTime} דקות קריאה",
  "theme.blog.sidebar.navAriaLabel": "מעבר לרשומות אחרונות בבלוג",
  "theme.blog.tagTitle": "{nPosts} עם התגית \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "ערוך דף זה",
  "theme.common.headingLinkTitle": "קישור ישיר לכותרת",
  "theme.common.skipToMainContent": "דלג לתוכן הראשי",
--- a/packages/docusaurus-theme-translations/locales/hi/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/hi/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "एक मिनट में पढ़ें|{readingTime} मिनट में पढ़ें",
  "theme.blog.sidebar.navAriaLabel": "नया ब्लॉग पोस्ट नेविगेशन",
  "theme.blog.tagTitle": "{nPosts} पोस्ट \"{tagName}\" टैग के साथ",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "इस पेज को बदलें",
  "theme.common.headingLinkTitle": "शीर्षक का सीधा लिंक",
  "theme.common.skipToMainContent": "मुख्य कंटेंट तक स्किप करें",
--- a/packages/docusaurus-theme-translations/locales/it/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/it/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "Lettura di 1 minuto|{readingTime} minuti di lettura",
  "theme.blog.sidebar.navAriaLabel": "Navigazione dei post recenti del blog",
  "theme.blog.tagTitle": "{nPosts} etichettati con \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "Modifica questa pagina",
  "theme.common.headingLinkTitle": "Link diretto all'intestazione",
  "theme.common.skipToMainContent": "Passa al contenuto principale",
--- a/packages/docusaurus-theme-translations/locales/ja/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/ja/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "約{readingTime}分",
  "theme.blog.sidebar.navAriaLabel": "Blog recent posts navigation",
  "theme.blog.tagTitle": "「{tagName}」タグの記事が{nPosts}あります",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "このページを編集",
  "theme.common.headingLinkTitle": "見出しへの直接リンク",
  "theme.common.skipToMainContent": "メインコンテンツまでスキップ",
--- a/packages/docusaurus-theme-translations/locales/ko/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/ko/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "약 {readingTime}분",
  "theme.blog.sidebar.navAriaLabel": "최근 블로그 문서 둘러보기",
  "theme.blog.tagTitle": "\"{tagName}\" 태그로 연결된 {nPosts}개의 게시물이 있습니다.",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "페이지 편집",
  "theme.common.headingLinkTitle": "제목으로 바로 가기",
  "theme.common.skipToMainContent": "본문으로 건너뛰기",
--- a/packages/docusaurus-theme-translations/locales/pl/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/pl/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "{readingTime} min aby przeczytać|{readingTime} min aby przeczytać|{readingTime} min aby przeczytać",
  "theme.blog.sidebar.navAriaLabel": "Blog recent posts navigation",
  "theme.blog.tagTitle": "{nPosts} z tagiem \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "Edytuj tą stronę",
  "theme.common.headingLinkTitle": "Bezpośredni link do nagłówka",
  "theme.common.skipToMainContent": "Przejdź do głównej zawartości",
--- a/packages/docusaurus-theme-translations/locales/pt-BR/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/pt-BR/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "Leitura de um minuto|Leitura de {readingTime} minutos",
  "theme.blog.sidebar.navAriaLabel": "Blog recent posts navigation",
  "theme.blog.tagTitle": "{nPosts} marcadas com \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "Editar essa página",
  "theme.common.headingLinkTitle": "Link direto para o título",
  "theme.common.skipToMainContent": "Pular para o conteúdo principal",
--- a/packages/docusaurus-theme-translations/locales/pt-PT/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/pt-PT/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "Leitura de um minuto|Leitura de {readingTime} minutos",
  "theme.blog.sidebar.navAriaLabel": "Blog recent posts navigation",
  "theme.blog.tagTitle": "{nPosts} marcadas com \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "Editar esta página",
  "theme.common.headingLinkTitle": "Link direto para o título",
  "theme.common.skipToMainContent": "Saltar para o conteúdo principal",
--- a/packages/docusaurus-theme-translations/locales/ru/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/ru/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "{readingTime} мин. чтения",
  "theme.blog.sidebar.navAriaLabel": "Навигация по последним постам в блоге",
  "theme.blog.tagTitle": "{nPosts} с тегом \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "Отредактировать эту страницу",
  "theme.common.headingLinkTitle": "Прямая ссылка на этот заголовок",
  "theme.common.skipToMainContent": "Перейти к основному содержимому",
--- a/packages/docusaurus-theme-translations/locales/sr/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/sr/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "Једноминутно читање|{readingTime} минута читања",
  "theme.blog.sidebar.navAriaLabel": "Недавни постови на блогу",
  "theme.blog.tagTitle": "{nPosts} означени са \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "Уреди ову страницу",
  "theme.common.headingLinkTitle": "Веза до наслова",
  "theme.common.skipToMainContent": "Пређи на главни садржај",
--- a/packages/docusaurus-theme-translations/locales/tr/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/tr/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "{readingTime} dakikalık okuma|{readingTime} dakikalık okuma",
  "theme.blog.sidebar.navAriaLabel": "Blog son gönderiler navigasyonu",
  "theme.blog.tagTitle": "\"{tagName}\" ile etiketlenmiş {nPosts}",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "Bu sayfayı düzenle",
  "theme.common.headingLinkTitle": "Başlığa doğrudan bağlantı",
  "theme.common.skipToMainContent": "Ana içeriğe geç",
--- a/packages/docusaurus-theme-translations/locales/vi/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/vi/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "Một phút để đọc|{readingTime} phút để đọc",
  "theme.blog.sidebar.navAriaLabel": "Điều hướng các bài viết gần đây trên blog",
  "theme.blog.tagTitle": "{nPosts} được gắn thẻ \"{tagName}\"",
-  "theme.colorToggle.ariaLabel": "Switch between dark and light mode",
+  "theme.colorToggle.ariaLabel": "Switch between dark and light mode (currently {mode})",
+  "theme.colorToggle.ariaLabel.mode.light": "light mode",
+  "theme.colorToggle.ariaLabel.mode.dark": "dark mode",
  "theme.common.editThisPage": "Sửa trang này",
  "theme.common.headingLinkTitle": "Đường dẫn trực tiếp tới đề mục này",
  "theme.common.skipToMainContent": "Nhảy tới nội dung",
--- a/packages/docusaurus-theme-translations/locales/zh-Hans/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/zh-Hans/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "{readingTime} 分钟阅读",
  "theme.blog.sidebar.navAriaLabel": "最近博文导航",
  "theme.blog.tagTitle": "{nPosts} 含有标签「{tagName}」",
-  "theme.colorToggle.ariaLabel": "切换浅色/暗黑模式",
+  "theme.colorToggle.ariaLabel": "切换浅色/暗黑模式（当前为{mode}）",
+  "theme.colorToggle.ariaLabel.mode.light": "浅色模式",
+  "theme.colorToggle.ariaLabel.mode.dark": "暗黑模式",
  "theme.common.editThisPage": "编辑此页",
  "theme.common.headingLinkTitle": "标题的直接链接",
  "theme.common.skipToMainContent": "跳到主要内容",
--- a/packages/docusaurus-theme-translations/locales/zh-Hant/theme-common.json
+++ b/packages/docusaurus-theme-translations/locales/zh-Hant/theme-common.json
@ -25,7 +25,9 @@
  "theme.blog.post.readingTime.plurals": "閱讀時間約 {readingTime} 分鐘",
  "theme.blog.sidebar.navAriaLabel": "最近部落格文章導覽",
  "theme.blog.tagTitle": "{nPosts} 含有標籤「{tagName}」",
-  "theme.colorToggle.ariaLabel": "切換淺色/暗黑模式",
+  "theme.colorToggle.ariaLabel": "切換淺色/暗黑模式（當前為{mode}）",
+  "theme.colorToggle.ariaLabel.mode.light": "淺色模式",
+  "theme.colorToggle.ariaLabel.mode.dark": "暗黑模式",
  "theme.common.editThisPage": "編輯此頁",
  "theme.common.headingLinkTitle": "標題的直接連結",
  "theme.common.skipToMainContent": "跳至主要内容",