localize theme

frontend/src/App.vue

@@ -13,10 +13,10 @@
 			<input type="button" class="btn" :value="(showHelp?'X':'?')" style="min-width:28pt;border-radius:100%;cursor:pointer;" @click="getHelp"/>
 			<select id="theme" class="btn" v-model="theme">
 				<option
-					v-for="(theme, i) in ['light.☀️.Light', 'dark.🌙️.Dark', 'sepia.🌇️.Sepia', 'grayscale.📰️.Grayscale']"
+					v-for="(theme, i) in ['light.☀️', 'dark.🌙️', 'sepia.🌇️', 'grayscale.📰️']"
 					:key="`theme-${i}`"
 					:value="theme.split('.')[0]">
-						{{theme.split('.')[1]}} {{theme.split('.')[2]}}
+						{{theme.split('.')[1]}} {{$t(`theme.${theme.split('.')[0]}`)}}
 				</option>
 			</select>
 			<select id="lang" class="btn" v-model="$i18n.locale" @change="storeLangPref">

frontend/src/i18n/en.json

@@ -605,5 +605,11 @@
     "gotoallcharacters": "Jump to all characters",
     "highnooncards": "High Noon - Event Cards",
     "foccards": "Fistful of Cards - Event Cards"
+  },
+  "theme": {
+    "sepia": "Sepia",
+    "light": "Light",
+    "dark": "Dark",
+    "grayscale": "Grayscale"
   }
 }

frontend/src/i18n/it.json

@@ -605,5 +605,11 @@
     "allcharacters": "Tutti i personaggi",
     "highnooncards": "Carte Evento High Noon",
     "foccards": "Carte Evento Fistful of Cards"
+  },
+  "theme": {
+    "sepia": "Seppia",
+    "light": "Chiaro",
+    "dark": "Scuro",
+    "grayscale": "Scala di Grigi"
   }
 }