From db14455d5133f2833b384eb706a42d9b458d4461 Mon Sep 17 00:00:00 2001
From: Philippe Serhal <philippe.serhal@gmail.com>
Date: Sat, 21 Mar 2026 11:58:27 -0400
Subject: [PATCH] fix(i18n): extract untranslated hardcoded strings

---
 app/components/Settings/AccentColorPicker.vue |  4 +-
 app/components/Settings/BgThemePicker.vue     |  4 +-
 app/composables/useSettings.ts                | 33 +++++++--
 app/pages/package-docs/[...path].vue          | 17 +++--
 app/pages/settings.vue                        |  4 +-
 i18n/locales/ar.json                          |  8 ++-
 i18n/locales/az-AZ.json                       |  8 ++-
 i18n/locales/bg-BG.json                       |  8 ++-
 i18n/locales/bn-IN.json                       |  4 +-
 i18n/locales/cs-CZ.json                       |  8 ++-
 i18n/locales/de-DE.json                       |  8 ++-
 i18n/locales/en.json                          | 28 +++++++-
 i18n/locales/es.json                          |  8 ++-
 i18n/locales/fr-FR.json                       | 28 +++++++-
 i18n/locales/hi-IN.json                       |  4 +-
 i18n/locales/hu-HU.json                       |  8 ++-
 i18n/locales/id-ID.json                       |  8 ++-
 i18n/locales/it-IT.json                       |  8 ++-
 i18n/locales/ja-JP.json                       |  8 ++-
 i18n/locales/kn-IN.json                       |  4 +-
 i18n/locales/mr-IN.json                       |  8 ++-
 i18n/locales/nb-NO.json                       |  8 ++-
 i18n/locales/ne-NP.json                       |  4 +-
 i18n/locales/pl-PL.json                       |  8 ++-
 i18n/locales/pt-BR.json                       |  8 ++-
 i18n/locales/ru-RU.json                       |  8 ++-
 i18n/locales/ta-IN.json                       |  8 ++-
 i18n/locales/te-IN.json                       |  4 +-
 i18n/locales/tr-TR.json                       |  8 ++-
 i18n/locales/uk-UA.json                       |  8 ++-
 i18n/locales/zh-CN.json                       |  8 ++-
 i18n/locales/zh-TW.json                       |  8 ++-
 i18n/schema.json                              | 70 ++++++++++++++++++-
 33 files changed, 297 insertions(+), 71 deletions(-)

diff --git a/app/components/Settings/AccentColorPicker.vue b/app/components/Settings/AccentColorPicker.vue
index 372ac840e3..6d0d4ad217 100644
--- a/app/components/Settings/AccentColorPicker.vue
+++ b/app/components/Settings/AccentColorPicker.vue
@@ -29,7 +29,7 @@ onPrehydrate(el => {
   <fieldset
     class="flex items-center gap-4 has-[input:focus-visible]:(outline-solid outline-accent/70 outline-offset-4) rounded-xl w-fit"
   >
-    <legend class="sr-only">{{ $t('settings.accent_colors') }}</legend>
+    <legend class="sr-only">{{ $t('settings.accent_colors.label') }}</legend>
     <label
       v-for="color in accentColors"
       :key="color.id"
@@ -43,7 +43,7 @@ onPrehydrate(el => {
         class="sr-only"
         :value="color.id"
         :checked="selectedAccentColor === color.id || (!selectedAccentColor && color.id === 'sky')"
-        :aria-label="color.id === 'neutral' ? $t('settings.clear_accent') : color.name"
+        :aria-label="color.label"
         @change="setAccentColor(color.id)"
       />
       <span v-if="color.id === 'neutral'" class="i-lucide:ban size-4 text-bg" aria-hidden="true" />
diff --git a/app/components/Settings/BgThemePicker.vue b/app/components/Settings/BgThemePicker.vue
index da47a1e915..cdc8efb6a7 100644
--- a/app/components/Settings/BgThemePicker.vue
+++ b/app/components/Settings/BgThemePicker.vue
@@ -27,7 +27,7 @@ onPrehydrate(el => {
   <fieldset
     class="flex items-center gap-4 has-[input:focus-visible]:(outline-solid outline-accent/70 outline-offset-4) rounded-xl w-fit"
   >
-    <legend class="sr-only">{{ $t('settings.background_themes') }}</legend>
+    <legend class="sr-only">{{ $t('settings.background_themes.label') }}</legend>
     <label
       v-for="theme in backgroundThemes"
       :key="theme.id"
@@ -43,7 +43,7 @@ onPrehydrate(el => {
           selectedBackgroundTheme === theme.id ||
           (!selectedBackgroundTheme && theme.id === 'neutral')
         "
-        :aria-label="theme.name"
+        :aria-label="theme.label"
         @change="setBackgroundTheme(theme.id)"
       />
     </label>
diff --git a/app/composables/useSettings.ts b/app/composables/useSettings.ts
index 112bbe4a31..a79c746c20 100644
--- a/app/composables/useSettings.ts
+++ b/app/composables/useSettings.ts
@@ -135,6 +135,17 @@ export const useKeyboardShortcuts = createSharedComposable(function useKeyboardS
 export function useAccentColor() {
   const { settings } = useSettings()
   const colorMode = useColorMode()
+  const { t } = useI18n()
+
+  const accentColorLabels = computed<Record<AccentColorId, string>>(() => ({
+    sky: t('settings.accent_colors.sky'),
+    coral: t('settings.accent_colors.coral'),
+    amber: t('settings.accent_colors.amber'),
+    emerald: t('settings.accent_colors.emerald'),
+    violet: t('settings.accent_colors.violet'),
+    magenta: t('settings.accent_colors.magenta'),
+    neutral: t('settings.clear_accent'),
+  }))
 
   const accentColors = computed(() => {
     const isDark = colorMode.value === 'dark'
@@ -142,7 +153,7 @@ export function useAccentColor() {
 
     return Object.entries(colors).map(([id, value]) => ({
       id: id as AccentColorId,
-      name: id,
+      label: accentColorLabels.value[id as AccentColorId],
       value,
     }))
   })
@@ -190,12 +201,24 @@ export function useSearchProvider() {
 }
 
 export function useBackgroundTheme() {
-  const backgroundThemes = Object.entries(BACKGROUND_THEMES).map(([id, value]) => ({
-    id: id as BackgroundThemeId,
-    name: id,
-    value,
+  const { t } = useI18n()
+
+  const bgThemeLabels = computed<Record<BackgroundThemeId, string>>(() => ({
+    neutral: t('settings.background_themes.neutral'),
+    stone: t('settings.background_themes.stone'),
+    zinc: t('settings.background_themes.zinc'),
+    slate: t('settings.background_themes.slate'),
+    black: t('settings.background_themes.black'),
   }))
 
+  const backgroundThemes = computed(() =>
+    Object.entries(BACKGROUND_THEMES).map(([id, value]) => ({
+      id: id as BackgroundThemeId,
+      label: bgThemeLabels.value[id as BackgroundThemeId],
+      value,
+    })),
+  )
+
   const { settings } = useSettings()
 
   function setBackgroundTheme(id: BackgroundThemeId | null) {
diff --git a/app/pages/package-docs/[...path].vue b/app/pages/package-docs/[...path].vue
index 7e087b3622..37cf258219 100644
--- a/app/pages/package-docs/[...path].vue
+++ b/app/pages/package-docs/[...path].vue
@@ -10,6 +10,7 @@ definePageMeta({
 
 const route = useRoute('docs')
 const router = useRouter()
+const { t } = useI18n()
 
 const parsedRoute = computed(() => {
   const segments = route.params.path?.filter(Boolean)
@@ -87,7 +88,7 @@ const { data: docsData, status: docsStatus } = useLazyFetch<DocsResponse>(
       html: '',
       toc: null,
       status: 'missing' as const,
-      message: 'Docs are not available for this version.',
+      message: t('package.docs.default_not_available'),
     }),
   },
 )
@@ -104,9 +105,11 @@ const versionUrlPattern = computed(
 )
 
 const pageTitle = computed(() => {
-  if (!packageName.value) return 'API Docs - npmx'
-  if (!resolvedVersion.value) return `${packageName.value} docs - npmx`
-  return `${packageName.value}@${resolvedVersion.value} docs - npmx`
+  if (!packageName.value) return t('package.docs.page_title')
+  if (!resolvedVersion.value) return t('package.docs.page_title_name', { name: packageName.value })
+  return t('package.docs.page_title_version', {
+    name: `${packageName.value}@${resolvedVersion.value}`,
+  })
 })
 
 useSeoMeta({
@@ -119,7 +122,7 @@ useSeoMeta({
 })
 
 defineOgImageComponent('Default', {
-  title: () => `${pkg.value?.name ?? 'Package'} - Docs`,
+  title: () => t('package.docs.og_title', { name: pkg.value?.name ?? 'Package' }),
   description: () => pkg.value?.license ?? '',
   primaryColor: '#60a5fa',
 })
@@ -156,7 +159,7 @@ const stickyStyle = computed(() => {
       >
         <div class="docs-sidebar sticky overflow-y-auto p-4">
           <h2 class="text-xs font-semibold text-fg-subtle uppercase tracking-wider mb-4">
-            Contents
+            {{ $t('package.docs.contents') }}
           </h2>
           <!-- eslint-disable vue/no-v-html -->
           <div class="toc-content" v-html="docsData.toc" />
@@ -184,7 +187,7 @@ const stickyStyle = computed(() => {
                 :to="packageRoute(packageName)"
                 class="link-subtle font-mono text-sm"
               >
-                View package
+                {{ $t('package.docs.view_package') }}
               </NuxtLink>
             </div>
           </div>
diff --git a/app/pages/settings.vue b/app/pages/settings.vue
index 9cc9751d4d..e90faf551f 100644
--- a/app/pages/settings.vue
+++ b/app/pages/settings.vue
@@ -87,7 +87,7 @@ const setLocale: typeof setNuxti18nLocale = newLocale => {
             <!-- Accent colors -->
             <div class="space-y-3">
               <span class="block text-sm text-fg font-medium">
-                {{ $t('settings.accent_colors') }}
+                {{ $t('settings.accent_colors.label') }}
               </span>
               <SettingsAccentColorPicker />
             </div>
@@ -95,7 +95,7 @@ const setLocale: typeof setNuxti18nLocale = newLocale => {
             <!-- Background themes -->
             <div class="space-y-3">
               <span class="block text-sm text-fg font-medium">
-                {{ $t('settings.background_themes') }}
+                {{ $t('settings.background_themes.label') }}
               </span>
               <SettingsBgThemePicker />
             </div>
diff --git a/i18n/locales/ar.json b/i18n/locales/ar.json
index 0f564fc8b7..c046ade81d 100644
--- a/i18n/locales/ar.json
+++ b/i18n/locales/ar.json
@@ -105,10 +105,14 @@
     "theme_system": "سمة النظام",
     "language": "اللغة",
     "help_translate": "ساهم في ترجمة npmx",
-    "accent_colors": "ألوان الموقع",
+    "accent_colors": {
+      "label": "ألوان الموقع"
+    },
     "clear_accent": "مسح لون التمييز",
     "translation_progress": "تقدم الترجمة",
-    "background_themes": "درجة خلفية الصفحة"
+    "background_themes": {
+      "label": "درجة خلفية الصفحة"
+    }
   },
   "i18n": {
     "missing_keys": "{count} ترجمات مفقودة | ترجمة واحدة مفقودة | ترجمتان مفقودتان | {count} ترجمات مفقودة | {count} ترجمة مفقودة | {count} ترجمة مفقودة",
diff --git a/i18n/locales/az-AZ.json b/i18n/locales/az-AZ.json
index ff2ea54b20..e6709653e9 100644
--- a/i18n/locales/az-AZ.json
+++ b/i18n/locales/az-AZ.json
@@ -142,10 +142,14 @@
     "theme_system": "Sistem",
     "language": "Dil",
     "help_translate": "npmx-i tərcümə etməyə kömək edin",
-    "accent_colors": "Vurğu rəngləri",
+    "accent_colors": {
+      "label": "Vurğu rəngləri"
+    },
     "clear_accent": "Vurğu rəngini təmizlə",
     "translation_progress": "Tərcümə irəliləyişi",
-    "background_themes": "Fon tonu",
+    "background_themes": {
+      "label": "Fon tonu"
+    },
     "keyboard_shortcuts_enabled": "Klaviatura qısayollarını aktivləşdir",
     "keyboard_shortcuts_enabled_description": "Klaviatura qısayolları digər brauzer və ya sistem qısayolları ilə toqquşarsa deaktiv edilə bilər"
   },
diff --git a/i18n/locales/bg-BG.json b/i18n/locales/bg-BG.json
index b633cc5d66..e1306999ac 100644
--- a/i18n/locales/bg-BG.json
+++ b/i18n/locales/bg-BG.json
@@ -111,10 +111,14 @@
     "theme_system": "Системна",
     "language": "Език",
     "help_translate": "Помогнете да преведем npmx",
-    "accent_colors": "Акцентни цветове",
+    "accent_colors": {
+      "label": "Акцентни цветове"
+    },
     "clear_accent": "Изчистване на акцентен цвят",
     "translation_progress": "Напредък на превода",
-    "background_themes": "Фонов нюанс",
+    "background_themes": {
+      "label": "Фонов нюанс"
+    },
     "keyboard_shortcuts_enabled": "Активиране на клавишни комбинации",
     "keyboard_shortcuts_enabled_description": "Клавишните комбинации могат да бъдат деактивирани, ако влизат в конфликт с други браузърни или системни преки пътища"
   },
diff --git a/i18n/locales/bn-IN.json b/i18n/locales/bn-IN.json
index 9118c95d8e..530394cbc5 100644
--- a/i18n/locales/bn-IN.json
+++ b/i18n/locales/bn-IN.json
@@ -74,7 +74,9 @@
     "theme_system": "সিস্টেম",
     "language": "ভাষা",
     "help_translate": "npmx অনুবাদে সাহায্য করুন",
-    "accent_colors": "এক্সেন্ট রং",
+    "accent_colors": {
+      "label": "এক্সেন্ট রং"
+    },
     "clear_accent": "এক্সেন্ট রং সাফ করুন",
     "translation_progress": "অনুবাদের অগ্রগতি"
   },
diff --git a/i18n/locales/cs-CZ.json b/i18n/locales/cs-CZ.json
index 9c4c0ceea4..fe06406e56 100644
--- a/i18n/locales/cs-CZ.json
+++ b/i18n/locales/cs-CZ.json
@@ -142,10 +142,14 @@
     "theme_system": "Systémové",
     "language": "Jazyk",
     "help_translate": "Pomozte přeložit npmx",
-    "accent_colors": "Barvy akcentu",
+    "accent_colors": {
+      "label": "Barvy akcentu"
+    },
     "clear_accent": "Vymazat barvu akcentu",
     "translation_progress": "Pokrok překladu",
-    "background_themes": "Odstín pozadí",
+    "background_themes": {
+      "label": "Odstín pozadí"
+    },
     "keyboard_shortcuts_enabled": "Povolit klávesové zkratky",
     "keyboard_shortcuts_enabled_description": "Klávesové zkratky lze zakázat, pokud se střetávají s jinými zkratkami prohlížeče nebo systému"
   },
diff --git a/i18n/locales/de-DE.json b/i18n/locales/de-DE.json
index edb70bb55d..83503c1030 100644
--- a/i18n/locales/de-DE.json
+++ b/i18n/locales/de-DE.json
@@ -142,10 +142,14 @@
     "theme_system": "System",
     "language": "Sprache",
     "help_translate": "Hilf bei der Übersetzung von npmx",
-    "accent_colors": "Akzentfarben",
+    "accent_colors": {
+      "label": "Akzentfarben"
+    },
     "clear_accent": "Akzentfarbe zurücksetzen",
     "translation_progress": "Übersetzungsfortschritt",
-    "background_themes": "Hintergrundschattierung",
+    "background_themes": {
+      "label": "Hintergrundschattierung"
+    },
     "keyboard_shortcuts_enabled": "Tastenkombinationen aktivieren",
     "keyboard_shortcuts_enabled_description": "Tastenkombinationen können deaktiviert werden, wenn sie mit anderen Browser- oder Systemkürzeln in Konflikt stehen"
   },
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 8bfdd1676a..604333f944 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -148,10 +148,25 @@
     "language": "Language",
     "help_translate": "Help translate npmx",
     "translation_status": "Check global translation status",
-    "accent_colors": "Accent colors",
+    "accent_colors": {
+      "label": "Accent colors",
+      "sky": "Sky",
+      "coral": "Coral",
+      "amber": "Amber",
+      "emerald": "Emerald",
+      "violet": "Violet",
+      "magenta": "Magenta"
+    },
     "clear_accent": "Clear accent color",
     "translation_progress": "Translation progress",
-    "background_themes": "Background shade",
+    "background_themes": {
+      "label": "Background shade",
+      "neutral": "Neutral",
+      "stone": "Stone",
+      "zinc": "Zinc",
+      "slate": "Slate",
+      "black": "Black"
+    },
     "keyboard_shortcuts_enabled": "Enable keyboard shortcuts",
     "keyboard_shortcuts_enabled_description": "Keyboard shortcuts can be disabled if they conflict with other browser or system shortcuts"
   },
@@ -309,8 +324,15 @@
       "unlike": "Unlike this package"
     },
     "docs": {
+      "contents": "Contents",
+      "default_not_available": "Docs are not available for this version.",
       "not_available": "Docs not available",
-      "not_available_detail": "We could not generate docs for this version."
+      "not_available_detail": "We could not generate docs for this version.",
+      "page_title": "API Docs - npmx",
+      "page_title_name": "{name} docs - npmx",
+      "page_title_version": "{name} docs - npmx",
+      "og_title": "{name} - Docs",
+      "view_package": "View package"
     },
     "get_started": {
       "title": "Get started",
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index 72995686a9..c3ab2a0e45 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -144,10 +144,14 @@
     "theme_system": "Sistema",
     "language": "Idioma",
     "help_translate": "Ayuda a traducir npmx",
-    "accent_colors": "Colores de acento",
+    "accent_colors": {
+      "label": "Colores de acento"
+    },
     "clear_accent": "Limpiar color de acento",
     "translation_progress": "Progreso de traducción",
-    "background_themes": "Tema de fondo",
+    "background_themes": {
+      "label": "Tema de fondo"
+    },
     "keyboard_shortcuts_enabled": "Activar atajos de teclado",
     "keyboard_shortcuts_enabled_description": "Los atajos de teclado pueden desactivarse si entran en conflicto con otros atajos del navegador o del sistema"
   },
diff --git a/i18n/locales/fr-FR.json b/i18n/locales/fr-FR.json
index 64c9081cdb..8b1aca9b6c 100644
--- a/i18n/locales/fr-FR.json
+++ b/i18n/locales/fr-FR.json
@@ -142,10 +142,25 @@
     "theme_system": "Système",
     "language": "Langue de l'interface",
     "help_translate": "Aidez-nous à traduire npmx",
-    "accent_colors": "Couleurs d'accentuation",
+    "accent_colors": {
+      "label": "Couleurs d'accentuation",
+      "sky": "Ciel",
+      "coral": "Corail",
+      "amber": "Ambre",
+      "emerald": "Émeraude",
+      "violet": "Violet",
+      "magenta": "Magenta"
+    },
     "clear_accent": "Supprimer la couleur d'accentuation",
     "translation_progress": "Progression de la traduction",
-    "background_themes": "Teinte de fond",
+    "background_themes": {
+      "label": "Teinte de fond",
+      "neutral": "Neutre",
+      "stone": "Pierre",
+      "zinc": "Zinc",
+      "slate": "Ardoise",
+      "black": "Noir"
+    },
     "keyboard_shortcuts_enabled": "Activer les raccourcis clavier",
     "keyboard_shortcuts_enabled_description": "Les raccourcis clavier peuvent être désactivés s'ils entrent en conflit avec d'autres raccourcis du navigateur ou du système"
   },
@@ -289,8 +304,15 @@
       "unlike": "Retirer le like"
     },
     "docs": {
+      "contents": "Sommaire",
+      "default_not_available": "La documentation n'est pas disponible pour cette version.",
       "not_available": "Documentation non disponible",
-      "not_available_detail": "Nous n'avons pas pu générer la documentation pour cette version."
+      "not_available_detail": "Nous n'avons pas pu générer la documentation pour cette version.",
+      "page_title": "Documentation API - npmx",
+      "page_title_name": "Documentation {name} - npmx",
+      "page_title_version": "Documentation {name} - npmx",
+      "og_title": "{name} - Documentation",
+      "view_package": "Voir le paquet"
     },
     "get_started": {
       "title": "Commencer",
diff --git a/i18n/locales/hi-IN.json b/i18n/locales/hi-IN.json
index 6840614575..63f832c7fc 100644
--- a/i18n/locales/hi-IN.json
+++ b/i18n/locales/hi-IN.json
@@ -75,7 +75,9 @@
     "theme_system": "सिस्टम",
     "language": "भाषा",
     "help_translate": "npmx का अनुवाद करने में मदद करें",
-    "accent_colors": "एक्सेंट रंग",
+    "accent_colors": {
+      "label": "एक्सेंट रंग"
+    },
     "clear_accent": "एक्सेंट रंग साफ़ करें",
     "translation_progress": "अनुवाद प्रगति"
   },
diff --git a/i18n/locales/hu-HU.json b/i18n/locales/hu-HU.json
index 8040f4d48d..ed65c307ea 100644
--- a/i18n/locales/hu-HU.json
+++ b/i18n/locales/hu-HU.json
@@ -111,10 +111,14 @@
     "theme_system": "Rendszer",
     "language": "Nyelv",
     "help_translate": "Segíts lefordítani az npmx-et",
-    "accent_colors": "Akcentus színek",
+    "accent_colors": {
+      "label": "Akcentus színek"
+    },
     "clear_accent": "Akcentus szín törlése",
     "translation_progress": "Fordítás állapota",
-    "background_themes": "Háttér árnyalata",
+    "background_themes": {
+      "label": "Háttér árnyalata"
+    },
     "keyboard_shortcuts_enabled": "Billentyűzet parancsikonok engedélyezése",
     "keyboard_shortcuts_enabled_description": "A billentyűzet parancsikonok letilthatók, ha ütköznek más böngésző vagy rendszer parancsikonokkal"
   },
diff --git a/i18n/locales/id-ID.json b/i18n/locales/id-ID.json
index 2b9b0ea3a0..faa4c332fe 100644
--- a/i18n/locales/id-ID.json
+++ b/i18n/locales/id-ID.json
@@ -144,10 +144,14 @@
     "theme_system": "Sistem",
     "language": "Bahasa",
     "help_translate": "Bantu terjemahkan npmx",
-    "accent_colors": "Warna aksen",
+    "accent_colors": {
+      "label": "Warna aksen"
+    },
     "clear_accent": "Hapus warna aksen",
     "translation_progress": "Progres terjemahan",
-    "background_themes": "Warna latar belakang",
+    "background_themes": {
+      "label": "Warna latar belakang"
+    },
     "keyboard_shortcuts_enabled": "Aktifkan pintasan papan ketik",
     "keyboard_shortcuts_enabled_description": "Pintasan papan ketik dapat dinonaktifkan jika bertentangan dengan pintasan peramban atau sistem lainnya."
   },
diff --git a/i18n/locales/it-IT.json b/i18n/locales/it-IT.json
index ba062b7d6e..ec6e221918 100644
--- a/i18n/locales/it-IT.json
+++ b/i18n/locales/it-IT.json
@@ -105,10 +105,14 @@
     "theme_system": "Sistema",
     "language": "Lingua",
     "help_translate": "Aiuta a tradurre npmx",
-    "accent_colors": "Colori di accento",
+    "accent_colors": {
+      "label": "Colori di accento"
+    },
     "clear_accent": "Cancella colore di accento",
     "translation_progress": "Progresso della traduzione",
-    "background_themes": "Sfumatura di sfondo"
+    "background_themes": {
+      "label": "Sfumatura di sfondo"
+    }
   },
   "i18n": {
     "missing_keys": "{count} chiave mancante | {count} chiavi mancanti",
diff --git a/i18n/locales/ja-JP.json b/i18n/locales/ja-JP.json
index 83dbdac234..b876175b49 100644
--- a/i18n/locales/ja-JP.json
+++ b/i18n/locales/ja-JP.json
@@ -142,10 +142,14 @@
     "theme_system": "システム",
     "language": "言語",
     "help_translate": "npmxの翻訳に協力する",
-    "accent_colors": "アクセントカラー",
+    "accent_colors": {
+      "label": "アクセントカラー"
+    },
     "clear_accent": "アクセントカラーをクリア",
     "translation_progress": "翻訳の進捗状況",
-    "background_themes": "背景シェード",
+    "background_themes": {
+      "label": "背景シェード"
+    },
     "keyboard_shortcuts_enabled": "キーボードショートカットを有効化",
     "keyboard_shortcuts_enabled_description": "ブラウザやシステムのショートカットと競合する場合、キーボードショートカットを無効化できます"
   },
diff --git a/i18n/locales/kn-IN.json b/i18n/locales/kn-IN.json
index 51b8302df6..5786e6a53c 100644
--- a/i18n/locales/kn-IN.json
+++ b/i18n/locales/kn-IN.json
@@ -75,7 +75,9 @@
     "theme_system": "ಸಿಸ್ಟಮ್",
     "language": "ಭಾಷೆ",
     "help_translate": "npmx ಅನುವಾದಕ್ಕೆ ಸಹಾಯ ಮಾಡಿ",
-    "accent_colors": "ಅಕ್ಸೆಂಟ್ ಬಣ್ಣಗಳು",
+    "accent_colors": {
+      "label": "ಅಕ್ಸೆಂಟ್ ಬಣ್ಣಗಳು"
+    },
     "clear_accent": "ಅಕ್ಸೆಂಟ್ ಬಣ್ಣ ತೆರವುಗೊಳಿಸಿ",
     "translation_progress": "ಅನುವಾದ ಪ್ರಗತಿ"
   },
diff --git a/i18n/locales/mr-IN.json b/i18n/locales/mr-IN.json
index 5c1692f0d7..20de5e0234 100644
--- a/i18n/locales/mr-IN.json
+++ b/i18n/locales/mr-IN.json
@@ -72,10 +72,14 @@
     "theme_system": "सिस्टम",
     "language": "भाषा",
     "help_translate": "npmx चे भाषांतर करण्यात मदत करा",
-    "accent_colors": "उच्चारण रंग",
+    "accent_colors": {
+      "label": "उच्चारण रंग"
+    },
     "clear_accent": "उच्चारण रंग साफ करा",
     "translation_progress": "भाषांतर प्रगती",
-    "background_themes": "पार्श्वभूमी छटा"
+    "background_themes": {
+      "label": "पार्श्वभूमी छटा"
+    }
   },
   "i18n": {
     "missing_keys": "{count} भाषांतर गायब आहे | {count} भाषांतरे गायब आहेत",
diff --git a/i18n/locales/nb-NO.json b/i18n/locales/nb-NO.json
index 63afe4dc61..0e6cbe9213 100644
--- a/i18n/locales/nb-NO.json
+++ b/i18n/locales/nb-NO.json
@@ -105,10 +105,14 @@
     "theme_system": "System",
     "language": "Språk",
     "help_translate": "Hjelp med å oversette npmx",
-    "accent_colors": "Aksentfarger",
+    "accent_colors": {
+      "label": "Aksentfarger"
+    },
     "clear_accent": "Fjern aksentfarge",
     "translation_progress": "Oversettelsesfremdrift",
-    "background_themes": "Bakgrunnsnyanse"
+    "background_themes": {
+      "label": "Bakgrunnsnyanse"
+    }
   },
   "i18n": {
     "missing_keys": "{count} manglende oversettelse | {count} manglende oversettelser",
diff --git a/i18n/locales/ne-NP.json b/i18n/locales/ne-NP.json
index 06755befb0..a996e03c80 100644
--- a/i18n/locales/ne-NP.json
+++ b/i18n/locales/ne-NP.json
@@ -75,7 +75,9 @@
     "theme_system": "सिस्टम",
     "language": "भाषा",
     "help_translate": "npmx अनुवाद गर्न सहयोग गर्नुहोस्",
-    "accent_colors": "एक्सेन्ट रङहरू",
+    "accent_colors": {
+      "label": "एक्सेन्ट रङहरू"
+    },
     "clear_accent": "एक्सेन्ट रङ हटाउनुहोस्",
     "translation_progress": "अनुवाद प्रगति"
   },
diff --git a/i18n/locales/pl-PL.json b/i18n/locales/pl-PL.json
index 06fc4955dd..8c25224427 100644
--- a/i18n/locales/pl-PL.json
+++ b/i18n/locales/pl-PL.json
@@ -142,10 +142,14 @@
     "theme_system": "Systemowy",
     "language": "Język",
     "help_translate": "Pomóż tłumaczyć npmx",
-    "accent_colors": "Kolory akcentu",
+    "accent_colors": {
+      "label": "Kolory akcentu"
+    },
     "clear_accent": "Wyczyść kolor akcentu",
     "translation_progress": "Postęp tłumaczenia",
-    "background_themes": "Odcień tła",
+    "background_themes": {
+      "label": "Odcień tła"
+    },
     "keyboard_shortcuts_enabled": "Włącz skróty klawiaturowe",
     "keyboard_shortcuts_enabled_description": "Skróty klawiaturowe mogą zostać wyłączone jeśli kolidują z innymi skrótami przeglądarki lub systemu"
   },
diff --git a/i18n/locales/pt-BR.json b/i18n/locales/pt-BR.json
index 58120f42df..f90b8a2943 100644
--- a/i18n/locales/pt-BR.json
+++ b/i18n/locales/pt-BR.json
@@ -144,10 +144,14 @@
     "theme_system": "Sistema",
     "language": "Idioma",
     "help_translate": "Ajude a traduzir npmx",
-    "accent_colors": "Cores de destaque",
+    "accent_colors": {
+      "label": "Cores de destaque"
+    },
     "clear_accent": "Limpar cor de destaque",
     "translation_progress": "Progresso de tradução",
-    "background_themes": "Tom de fundo",
+    "background_themes": {
+      "label": "Tom de fundo"
+    },
     "keyboard_shortcuts_enabled": "Habilitar atalhos de teclado",
     "keyboard_shortcuts_enabled_description": "Os atalhos de teclado podem ser desativados se entrarem em conflito com outros atalhos do navegador ou do sistema"
   },
diff --git a/i18n/locales/ru-RU.json b/i18n/locales/ru-RU.json
index 28082b42a5..edb18a6447 100644
--- a/i18n/locales/ru-RU.json
+++ b/i18n/locales/ru-RU.json
@@ -142,10 +142,14 @@
     "theme_system": "Системная",
     "language": "Язык",
     "help_translate": "Помочь с переводом npmx",
-    "accent_colors": "Акцентные цвета",
+    "accent_colors": {
+      "label": "Акцентные цвета"
+    },
     "clear_accent": "Сбросить акцентный цвет",
     "translation_progress": "Прогресс перевода",
-    "background_themes": "Оттенок фона",
+    "background_themes": {
+      "label": "Оттенок фона"
+    },
     "keyboard_shortcuts_enabled": "Использовать горячие клавиши",
     "keyboard_shortcuts_enabled_description": "Горячие клавиши можно выключить, если возникают конфликты с сочетаниями клавиш браузера или операционной системы"
   },
diff --git a/i18n/locales/ta-IN.json b/i18n/locales/ta-IN.json
index 5df18ccc04..335d4bc952 100644
--- a/i18n/locales/ta-IN.json
+++ b/i18n/locales/ta-IN.json
@@ -105,10 +105,14 @@
     "theme_system": "கணினி",
     "language": "மொழி",
     "help_translate": "npmx-ஐ மொழிபெயர்க்க உதவுங்கள்",
-    "accent_colors": "வலியுறுத்தல் வண்ணங்கள்",
+    "accent_colors": {
+      "label": "வலியுறுத்தல் வண்ணங்கள்"
+    },
     "clear_accent": "வலியுறுத்தல் வண்ணத்தை அழி",
     "translation_progress": "மொழிபெயர்ப்பு முன்னேற்றம்",
-    "background_themes": "பின்புல நிழல்"
+    "background_themes": {
+      "label": "பின்புல நிழல்"
+    }
   },
   "i18n": {
     "missing_keys": "{count} விடுபட்ட மொழிபெயர்ப்பு | {count} விடுபட்ட மொழிபெயர்ப்புகள்",
diff --git a/i18n/locales/te-IN.json b/i18n/locales/te-IN.json
index 9ee690177e..9c98d2507f 100644
--- a/i18n/locales/te-IN.json
+++ b/i18n/locales/te-IN.json
@@ -75,7 +75,9 @@
     "theme_system": "సిస్టమ్",
     "language": "భాష",
     "help_translate": "npmx అనువాదంలో సహాయం చేయండి",
-    "accent_colors": "యాక్సెంట్ రంగులు",
+    "accent_colors": {
+      "label": "యాక్సెంట్ రంగులు"
+    },
     "clear_accent": "యాక్సెంట్ రంగును క్లియర్ చేయండి",
     "translation_progress": "అనువాద పురోగతి"
   },
diff --git a/i18n/locales/tr-TR.json b/i18n/locales/tr-TR.json
index 038e03aae2..c1b0a40b50 100644
--- a/i18n/locales/tr-TR.json
+++ b/i18n/locales/tr-TR.json
@@ -142,10 +142,14 @@
     "theme_system": "Sistem",
     "language": "Dil",
     "help_translate": "npmx'i çevirmeye yardım edin",
-    "accent_colors": "Vurgu renkleri",
+    "accent_colors": {
+      "label": "Vurgu renkleri"
+    },
     "clear_accent": "Vurgu rengini temizle",
     "translation_progress": "Çeviri ilerlemesi",
-    "background_themes": "Arka plan tonu",
+    "background_themes": {
+      "label": "Arka plan tonu"
+    },
     "keyboard_shortcuts_enabled": "Klavye kısayolları etkin",
     "keyboard_shortcuts_enabled_description": "Hızlı navigasyon için klavye kısayollarını etkinleştir"
   },
diff --git a/i18n/locales/uk-UA.json b/i18n/locales/uk-UA.json
index d413a4f26b..8b8bb8a4e1 100644
--- a/i18n/locales/uk-UA.json
+++ b/i18n/locales/uk-UA.json
@@ -145,10 +145,14 @@
     "language": "Мова",
     "help_translate": "Допоможіть перекласти npmx",
     "translation_status": "Переглянути глобальний статус перекладу",
-    "accent_colors": "Колірні акценти",
+    "accent_colors": {
+      "label": "Колірні акценти"
+    },
     "clear_accent": "Очистити колір акценту",
     "translation_progress": "Статус перекладу",
-    "background_themes": "Колір фону",
+    "background_themes": {
+      "label": "Колір фону"
+    },
     "keyboard_shortcuts_enabled": "Увімкнути гарячі клавіші",
     "keyboard_shortcuts_enabled_description": "Гарячі клавіші можна вимкнути, якщо вони конфліктують з налаштуваннями браузера або системи"
   },
diff --git a/i18n/locales/zh-CN.json b/i18n/locales/zh-CN.json
index c60f0c7060..e75d889793 100644
--- a/i18n/locales/zh-CN.json
+++ b/i18n/locales/zh-CN.json
@@ -146,10 +146,14 @@
     "theme_system": "跟随系统",
     "language": "语言",
     "help_translate": "帮助翻译 npmx",
-    "accent_colors": "强调色",
+    "accent_colors": {
+      "label": "强调色"
+    },
     "clear_accent": "清除强调色",
     "translation_progress": "翻译进度",
-    "background_themes": "背景色调",
+    "background_themes": {
+      "label": "背景色调"
+    },
     "keyboard_shortcuts_enabled": "启用快捷键",
     "keyboard_shortcuts_enabled_description": "如果某些快捷键与其他浏览器或系统快捷键冲突，可以选择将其禁用。"
   },
diff --git a/i18n/locales/zh-TW.json b/i18n/locales/zh-TW.json
index a1bce9615b..363820fd49 100644
--- a/i18n/locales/zh-TW.json
+++ b/i18n/locales/zh-TW.json
@@ -146,10 +146,14 @@
     "theme_system": "跟隨系統",
     "language": "語言",
     "help_translate": "協助翻譯 npmx",
-    "accent_colors": "強調色",
+    "accent_colors": {
+      "label": "強調色"
+    },
     "clear_accent": "清除強調色",
     "translation_progress": "翻譯進度",
-    "background_themes": "背景色調",
+    "background_themes": {
+      "label": "背景色調"
+    },
     "keyboard_shortcuts_enabled": "啟用鍵盤快速鍵",
     "keyboard_shortcuts_enabled_description": "若與其他瀏覽器或系統快捷鍵衝突，可停用鍵盤快速鍵"
   },
diff --git a/i18n/schema.json b/i18n/schema.json
index 7514f917e0..289a299ed7 100644
--- a/i18n/schema.json
+++ b/i18n/schema.json
@@ -449,7 +449,31 @@
           "type": "string"
         },
         "accent_colors": {
-          "type": "string"
+          "type": "object",
+          "properties": {
+            "label": {
+              "type": "string"
+            },
+            "sky": {
+              "type": "string"
+            },
+            "coral": {
+              "type": "string"
+            },
+            "amber": {
+              "type": "string"
+            },
+            "emerald": {
+              "type": "string"
+            },
+            "violet": {
+              "type": "string"
+            },
+            "magenta": {
+              "type": "string"
+            }
+          },
+          "additionalProperties": false
         },
         "clear_accent": {
           "type": "string"
@@ -458,7 +482,28 @@
           "type": "string"
         },
         "background_themes": {
-          "type": "string"
+          "type": "object",
+          "properties": {
+            "label": {
+              "type": "string"
+            },
+            "neutral": {
+              "type": "string"
+            },
+            "stone": {
+              "type": "string"
+            },
+            "zinc": {
+              "type": "string"
+            },
+            "slate": {
+              "type": "string"
+            },
+            "black": {
+              "type": "string"
+            }
+          },
+          "additionalProperties": false
         },
         "keyboard_shortcuts_enabled": {
           "type": "string"
@@ -931,11 +976,32 @@
         "docs": {
           "type": "object",
           "properties": {
+            "contents": {
+              "type": "string"
+            },
+            "default_not_available": {
+              "type": "string"
+            },
             "not_available": {
               "type": "string"
             },
             "not_available_detail": {
               "type": "string"
+            },
+            "page_title": {
+              "type": "string"
+            },
+            "page_title_name": {
+              "type": "string"
+            },
+            "page_title_version": {
+              "type": "string"
+            },
+            "og_title": {
+              "type": "string"
+            },
+            "view_package": {
+              "type": "string"
             }
           },
           "additionalProperties": false