Add theme translations on topbar

client/web/admin/src/views/Layout.vue

@@ -13,6 +13,8 @@
           userSettingsProfile: $t('navigation.userSettings.profile'),
           userSettingsChangePassword: $t('navigation.userSettings.changePassword'),
           userSettingsLogout: $t('navigation.userSettings.logout'),
+          lightTheme: $t('general:themes.labels.light'),
+          darkTheme: $t('general:themes.labels.dark'),
         }"
       >
         <template #title>

client/web/compose/src/views/Layout.vue

@@ -16,6 +16,8 @@
           userSettingsProfile: $t('userSettings.profile'),
           userSettingsChangePassword: $t('userSettings.changePassword'),
           userSettingsLogout: $t('userSettings.logout'),
+          lightTheme: $t('general:themes.labels.light'),
+          darkTheme: $t('general:themes.labels.dark'),
         }"
       >
         <template #title>

client/web/discovery/src/views/Layout.vue

@@ -13,6 +13,8 @@
           userSettingsProfile: $t('userSettings.profile'),
           userSettingsChangePassword: $t('userSettings.changePassword'),
           userSettingsLogout: $t('userSettings.logout'),
+          lightTheme: $t('general:themes.labels.light'),
+          darkTheme: $t('general:themes.labels.dark'),
         }"
       >
         <template #title>

client/web/one/src/views/Layout.vue

@@ -16,6 +16,8 @@
           userSettingsProfile: $t('userSettings.profile'),
           userSettingsChangePassword: $t('userSettings.changePassword'),
           userSettingsLogout: $t('userSettings.logout'),
+          lightTheme: $t('themes.labels.light'),
+          darkTheme: $t('themes.labels.dark'),
         }"
       >
         <template #help-dropdown>

client/web/privacy/src/views/Layout.vue

@@ -13,6 +13,8 @@
           userSettingsProfile: $t('navigation:userSettings.profile'),
           userSettingsChangePassword: $t('navigation:userSettings.changePassword'),
           userSettingsLogout: $t('navigation:userSettings.logout'),
+          lightTheme: $t('general:themes.labels.light'),
+          darkTheme: $t('general:themes.labels.dark'),
         }"
       >
         <template #title>

client/web/reporter/src/views/Layout.vue

@@ -13,6 +13,8 @@
           userSettingsProfile: $t('navigation:userSettings.profile'),
           userSettingsChangePassword: $t('navigation:userSettings.changePassword'),
           userSettingsLogout: $t('navigation:userSettings.logout'),
+          lightTheme: $t('general:themes.labels.light'),
+          darkTheme: $t('general:themes.labels.dark'),
         }"
       >
         <template #title>

client/web/workflow/src/views/Layout.vue

@@ -13,6 +13,8 @@
           userSettingsProfile: $t('navigation:userSettings.profile'),
           userSettingsChangePassword: $t('navigation:userSettings.changePassword'),
           userSettingsLogout: $t('navigation:userSettings.logout'),
+          lightTheme: $t('general:themes.labels.light'),
+          darkTheme: $t('general:themes.labels.dark'),
         }"
       >
         <template #title>

lib/vue/src/components/navigation/CTopbar.vue

@@ -191,10 +191,11 @@
         >
           <b-dropdown-item
             v-for="theme in themes"
-            :disabled="currentTheme === theme.value"
+            :key="theme.id"
-            @click="saveThemeMode(theme.value)"
+            :disabled="currentTheme === theme.id"
+            @click="saveThemeMode(theme.id)"
           >
-            {{ theme.label }}
+          {{ theme.id === 'light' ? labels.lightTheme : labels.darkTheme }}
           </b-dropdown-item>
         </b-dropdown>
 
@@ -306,12 +307,10 @@ export default {
     themes () {
       return [
         {
-          label: 'Light',
+          id: 'light',
-          value: 'light',
         },
         {
-          label: 'Dark',
+          id: 'dark',
-          value: 'dark',
         },
       ]
     },

locale/en/corteza-webapp-discovery/general.yaml

@@ -5,3 +5,7 @@ label:
 resourceList:
   pagination:
     recordsPerPage: Records per page
+themes:
+  labels:
+    light: Light
+    dark: Dark

locale/en/corteza-webapp-one/navigation.yaml

@@ -18,3 +18,7 @@ userSettings:
   loggedInAs: Logged in as {{user}}
   logout: Logout
   profile: Profile
+themes:
+  labels:
+    light: Light
+    dark: Dark

locale/en/corteza-webapp-privacy/general.yaml

@@ -21,3 +21,8 @@ resourceList:
     single: 'One {{data}}'
     single_plural: '{{count}} {{data}}'
     recordsPerPage: Records per page
+
+themes:
+  labels:
+    light: Light
+    dark: Dark

locale/en/corteza-webapp-workflow/general.yaml

@@ -59,3 +59,8 @@ columns:
   enabled: Enabled
   steps: Steps
   changedAt: Last change
+
+themes:
+  labels:
+    light: Light
+    dark: Dark