fix: missing loc for change theme tooltip

fixes #9069

Author: yufeih

samples/seed/docfx.json

@@ -45,7 +45,7 @@
     },
     "output": "_site",
     "exportViewModel": true,
-    "template": ["default", "modern", "template"],
+    "template": ["default", "modern", "template", "default(zh-cn)"],
     "markdownEngineProperties": {
       "alerts": {
         "TODO": "alert alert-secondary"

templates/default(zh-cn)/token.json

@@ -57,5 +57,6 @@
   "themeLight": "白天",
   "themeDark": "夜晚",
   "themeAuto": "自动",
+  "changeTheme": "切换主题",
   "copy": "复制"
 }

templates/default/token.json

@@ -67,5 +67,6 @@
   "themeLight": "Light",
   "themeDark": "Dark",
   "themeAuto": "Auto",
+  "changeTheme": "Change theme",
   "copy": "Copy"
 }

templates/modern/layout/_master.tmpl

@@ -34,6 +34,7 @@
       <meta name="loc:themeLight" content="{{__global.themeLight}}">
       <meta name="loc:themeDark" content="{{__global.themeDark}}">
       <meta name="loc:themeAuto" content="{{__global.themeAuto}}">
+      <meta name="loc:changeTheme" content="{{__global.changeTheme}}">
       <meta name="loc:copy" content="{{__global.copy}}">
     {{/redirect_url}}
   </head>

templates/modern/src/theme.ts

@@ -32,7 +32,7 @@ export function themePicker(refresh: () => void) {
 
   return html`
     <div class='dropdown'>
-      <a title='Change theme' class='btn border-0 dropdown-toggle' data-bs-toggle='dropdown' aria-expanded='false'>
+      <a title='${loc('changeTheme')}' class='btn border-0 dropdown-toggle' data-bs-toggle='dropdown' aria-expanded='false'>
         <i class='bi bi-${icon}'></i>
       </a>
       <ul class='dropdown-menu'>