From 98b2ee29ef21322010f71a38bc0f665647c608f0 Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Mon, 28 Feb 2022 20:54:32 -0800
Subject: [PATCH] Added language and theme settings.

---
 components/layout/Footer.module.css         |  2 +-
 components/settings/LanguageSetting.js      | 31 +++++++++++++
 components/settings/ProfileSettings.js      | 16 ++++++-
 components/settings/ThemeSetting.js         | 25 +++++++++++
 components/settings/ThemeSetting.module.css | 11 +++++
 lang/ar-SA.json                             |  2 +
 lang/ca-ES.json                             |  2 +
 lang/cs-CZ.json                             |  2 +
 lang/da-DK.json                             |  2 +
 lang/de-DE.json                             |  2 +
 lang/el-GR.json                             |  2 +
 lang/en-GB.json                             |  2 +
 lang/en-US.json                             |  2 +
 lang/es-MX.json                             |  2 +
 lang/fa-IR.json                             |  2 +
 lang/fi-FI.json                             |  2 +
 lang/fo-FO.json                             |  2 +
 lang/fr-FR.json                             |  2 +
 lang/he-IL.json                             |  2 +
 lang/hi-IN.json                             |  2 +
 lang/hu-HU.json                             |  2 +
 lang/id-ID.json                             |  2 +
 lang/it-IT.json                             |  2 +
 lang/ja-JP.json                             |  2 +
 lang/ko-KR.json                             |  2 +
 lang/lt-LT.json                             |  2 +
 lang/mn-MN.json                             |  2 +
 lang/ms-MY.json                             |  2 +
 lang/nb-NO.json                             |  2 +
 lang/nl-NL.json                             |  2 +
 lang/pl-PL.json                             |  2 +
 lang/pt-BR.json                             |  2 +
 lang/pt-PT.json                             |  2 +
 lang/ro-RO.json                             |  2 +
 lang/ru-RU.json                             |  2 +
 lang/sk-SK.json                             |  2 +
 lang/sl-SI.json                             |  2 +
 lang/sv-SE.json                             |  2 +
 lang/ta-IN.json                             |  2 +
 lang/tr-TR.json                             |  2 +
 lang/uk-UA.json                             |  2 +
 lang/ur-PK.json                             |  2 +
 lang/vi-VN.json                             |  2 +
 lang/zh-CN.json                             |  2 +
 lang/zh-TW.json                             |  2 +
 public/messages/ar-SA.json                  | 12 ++++++
 public/messages/ca-ES.json                  | 12 ++++++
 public/messages/cs-CZ.json                  | 12 ++++++
 public/messages/da-DK.json                  | 12 ++++++
 public/messages/de-DE.json                  | 12 ++++++
 public/messages/el-GR.json                  | 12 ++++++
 public/messages/en-GB.json                  | 12 ++++++
 public/messages/en-US.json                  | 12 ++++++
 public/messages/es-MX.json                  | 12 ++++++
 public/messages/fa-IR.json                  | 12 ++++++
 public/messages/fi-FI.json                  | 12 ++++++
 public/messages/fo-FO.json                  | 12 ++++++
 public/messages/fr-FR.json                  | 12 ++++++
 public/messages/he-IL.json                  | 12 ++++++
 public/messages/hi-IN.json                  | 12 ++++++
 public/messages/hu-HU.json                  | 12 ++++++
 public/messages/id-ID.json                  | 12 ++++++
 public/messages/it-IT.json                  | 48 +++++++++++++--------
 public/messages/ja-JP.json                  | 12 ++++++
 public/messages/ko-KR.json                  | 12 ++++++
 public/messages/lt-LT.json                  | 12 ++++++
 public/messages/mn-MN.json                  | 12 ++++++
 public/messages/ms-MY.json                  | 12 ++++++
 public/messages/nb-NO.json                  | 12 ++++++
 public/messages/nl-NL.json                  | 12 ++++++
 public/messages/pl-PL.json                  | 12 ++++++
 public/messages/pt-BR.json                  | 12 ++++++
 public/messages/pt-PT.json                  | 12 ++++++
 public/messages/ro-RO.json                  | 12 ++++++
 public/messages/ru-RU.json                  | 12 ++++++
 public/messages/sk-SK.json                  | 12 ++++++
 public/messages/sl-SI.json                  | 12 ++++++
 public/messages/sv-SE.json                  | 12 ++++++
 public/messages/ta-IN.json                  | 12 ++++++
 public/messages/tr-TR.json                  | 12 ++++++
 public/messages/uk-UA.json                  | 12 ++++++
 public/messages/ur-PK.json                  | 12 ++++++
 public/messages/vi-VN.json                  | 12 ++++++
 public/messages/zh-CN.json                  | 12 ++++++
 public/messages/zh-TW.json                  | 12 ++++++
 styles/index.css                            |  8 ++--
 86 files changed, 664 insertions(+), 25 deletions(-)
 create mode 100644 components/settings/LanguageSetting.js
 create mode 100644 components/settings/ThemeSetting.js
 create mode 100644 components/settings/ThemeSetting.module.css

diff --git a/components/layout/Footer.module.css b/components/layout/Footer.module.css
index 1a7baaa8..c484d7f5 100644
--- a/components/layout/Footer.module.css
+++ b/components/layout/Footer.module.css
@@ -4,7 +4,7 @@
   align-items: center;
   font-size: var(--font-size-small);
   text-align: center;
-  margin: 20px 0;
+  margin: 30px 0;
 }
 
 .version {
diff --git a/components/settings/LanguageSetting.js b/components/settings/LanguageSetting.js
new file mode 100644
index 00000000..294a92a3
--- /dev/null
+++ b/components/settings/LanguageSetting.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import DropDown from 'components/common/DropDown';
+import Button from 'components/common/Button';
+import useLocale from 'hooks/useLocale';
+import { DEFAULT_LOCALE } from 'lib/constants';
+import styles from './TimezoneSetting.module.css';
+import { languages } from '../../lib/lang';
+
+export default function LanguageSetting() {
+  const { locale, saveLocale } = useLocale();
+  const options = Object.keys(languages).map(key => ({ ...languages[key], value: key }));
+
+  function handleReset() {
+    saveLocale(DEFAULT_LOCALE);
+  }
+
+  return (
+    <>
+      <DropDown
+        menuClassName={styles.menu}
+        value={locale}
+        options={options}
+        onChange={saveLocale}
+      />
+      <Button className={styles.button} size="small" onClick={handleReset}>
+        <FormattedMessage id="label.reset" defaultMessage="Reset" />
+      </Button>
+    </>
+  );
+}
diff --git a/components/settings/ProfileSettings.js b/components/settings/ProfileSettings.js
index 798ef4bf..14c766a5 100644
--- a/components/settings/ProfileSettings.js
+++ b/components/settings/ProfileSettings.js
@@ -11,11 +11,13 @@ import styles from './ProfileSettings.module.css';
 import DateRangeSetting from './DateRangeSetting';
 import useEscapeKey from 'hooks/useEscapeKey';
 import useUser from 'hooks/useUser';
+import LanguageSetting from './LanguageSetting';
+import ThemeSetting from './ThemeSetting';
 
 export default function ProfileSettings() {
   const { user } = useUser();
   const [changePassword, setChangePassword] = useState(false);
-  const [message, setMessage] = useState();
+  const [message, setMessage] = useState(null);
 
   function handleSave() {
     setChangePassword(false);
@@ -59,6 +61,18 @@ export default function ProfileSettings() {
         <dd>
           <DateRangeSetting />
         </dd>
+        <dt>
+          <FormattedMessage id="label.language" defaultMessage="Language" />
+        </dt>
+        <dd>
+          <LanguageSetting />
+        </dd>
+        <dt>
+          <FormattedMessage id="label.theme" defaultMessage="Theme" />
+        </dt>
+        <dd>
+          <ThemeSetting />
+        </dd>
       </dl>
       {changePassword && (
         <Modal
diff --git a/components/settings/ThemeSetting.js b/components/settings/ThemeSetting.js
new file mode 100644
index 00000000..c86cb7d8
--- /dev/null
+++ b/components/settings/ThemeSetting.js
@@ -0,0 +1,25 @@
+import classNames from 'classnames';
+import Button from 'components/common/Button';
+import useTheme from 'hooks/useTheme';
+import Sun from 'assets/sun.svg';
+import Moon from 'assets/moon.svg';
+import styles from './ThemeSetting.module.css';
+
+export default function ThemeSetting() {
+  const [theme, setTheme] = useTheme();
+
+  return (
+    <div className={styles.buttons}>
+      <Button
+        className={classNames({ [styles.active]: theme === 'light' })}
+        icon={<Sun />}
+        onClick={() => setTheme('light')}
+      />
+      <Button
+        className={classNames({ [styles.active]: theme === 'dark' })}
+        icon={<Moon />}
+        onClick={() => setTheme('dark')}
+      />
+    </div>
+  );
+}
diff --git a/components/settings/ThemeSetting.module.css b/components/settings/ThemeSetting.module.css
new file mode 100644
index 00000000..b74d21f1
--- /dev/null
+++ b/components/settings/ThemeSetting.module.css
@@ -0,0 +1,11 @@
+.buttons {
+  display: flex;
+}
+
+.buttons button {
+  margin-right: 20px;
+}
+
+.active {
+  border: 1px solid var(--gray500);
+}
diff --git a/lang/ar-SA.json b/lang/ar-SA.json
index 4484f15f..eabad373 100644
--- a/lang/ar-SA.json
+++ b/lang/ar-SA.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "تفعيل مشاركة الرابط",
   "label.invalid": "غير صحيح",
   "label.invalid-domain": "النطاق غير صحيح",
+  "label.language": "Language",
   "label.last-days": "اخر {x} يوم/ايام",
   "label.last-hours": "اخر {x} ساعة/ساعات",
   "label.logged-in-as": "تم تسجيل الدخول كـ {username}",
@@ -50,6 +51,7 @@
   "label.settings": "اعدادات",
   "label.share-url": "مشاركة الرابط",
   "label.single-day": "يوم واحد",
+  "label.theme": "Theme",
   "label.this-month": "الشهر الحالي",
   "label.this-week": "الاسبوع الحالي",
   "label.this-year": "السنة الحالية",
diff --git a/lang/ca-ES.json b/lang/ca-ES.json
index 9ad53031..6df47f0c 100644
--- a/lang/ca-ES.json
+++ b/lang/ca-ES.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Activa l'enllaç per compartir",
   "label.invalid": "Invàlid",
   "label.invalid-domain": "Domini invàlid",
+  "label.language": "Language",
   "label.last-days": "Últims {x} dies",
   "label.last-hours": "Últimes {x} hores",
   "label.logged-in-as": "Connectat com {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Configuració",
   "label.share-url": "Enllaç per compartir",
   "label.single-day": "Un sol dia",
+  "label.theme": "Theme",
   "label.this-month": "Aquest mes",
   "label.this-week": "Aquesta setmana",
   "label.this-year": "Aquest any",
diff --git a/lang/cs-CZ.json b/lang/cs-CZ.json
index d3bd2c15..9963efce 100644
--- a/lang/cs-CZ.json
+++ b/lang/cs-CZ.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Povolit sdílení URL",
   "label.invalid": "Neplatný",
   "label.invalid-domain": "Neplatná doména",
+  "label.language": "Language",
   "label.last-days": "Posledních {x} dnů",
   "label.last-hours": "Posledních {x} hodin",
   "label.logged-in-as": "Přihlášený jako {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Nastavení",
   "label.share-url": "Sdílet URL",
   "label.single-day": "Jeden den",
+  "label.theme": "Theme",
   "label.this-month": "Tento měsíc",
   "label.this-week": "Tento týden",
   "label.this-year": "Tento rok",
diff --git a/lang/da-DK.json b/lang/da-DK.json
index b41c6eba..630af55f 100644
--- a/lang/da-DK.json
+++ b/lang/da-DK.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Aktivér delings-URL",
   "label.invalid": "Ugyldig",
   "label.invalid-domain": "Ugyldigt domæne",
+  "label.language": "Language",
   "label.last-days": "Sidste {x} dage",
   "label.last-hours": "Sidste {x} timer",
   "label.logged-in-as": "Loggede ind som {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Indstillinger",
   "label.share-url": "Del URL",
   "label.single-day": "Enkelt dag",
+  "label.theme": "Theme",
   "label.this-month": "Denne måned",
   "label.this-week": "Denne uge",
   "label.this-year": "Dette år",
diff --git a/lang/de-DE.json b/lang/de-DE.json
index f6f645a7..df95d686 100644
--- a/lang/de-DE.json
+++ b/lang/de-DE.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Freigabe-URL aktivieren",
   "label.invalid": "Ungültig",
   "label.invalid-domain": "Ungültige Domain",
+  "label.language": "Language",
   "label.last-days": "Letzten {x} Tage",
   "label.last-hours": "Letzten {x} Stunden",
   "label.logged-in-as": "Angemeldet als {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Einstellungen",
   "label.share-url": "Freigabe-URL",
   "label.single-day": "Ein Tag",
+  "label.theme": "Theme",
   "label.this-month": "Diesen Monat",
   "label.this-week": "Diese Woche",
   "label.this-year": "Dieses Jahr",
diff --git a/lang/el-GR.json b/lang/el-GR.json
index 78c4c1b0..80559577 100644
--- a/lang/el-GR.json
+++ b/lang/el-GR.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Ενεργοποίηση κοινής χρήσης URL",
   "label.invalid": "Μη έγκυρο",
   "label.invalid-domain": "Μη έγκυρος τομέας",
+  "label.language": "Language",
   "label.last-days": "Τελευταίες {x} ημέρες",
   "label.last-hours": "Τελευταίες {x} ώρες",
   "label.logged-in-as": "Συνδεθήκατε ως {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Ρυθμίσεις",
   "label.share-url": "Κοινοποίηση διεύθυνσης URL",
   "label.single-day": "Ημερήσια",
+  "label.theme": "Theme",
   "label.this-month": "Αυτο το μήνα",
   "label.this-week": "Αυτή την εβδομάδα",
   "label.this-year": "Αυτή την χρονιά",
diff --git a/lang/en-GB.json b/lang/en-GB.json
index 1a725383..d5001caa 100644
--- a/lang/en-GB.json
+++ b/lang/en-GB.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Enable share URL",
   "label.invalid": "Invalid",
   "label.invalid-domain": "Invalid domain",
+  "label.language": "Language",
   "label.last-days": "Last {x} days",
   "label.last-hours": "Last {x} hours",
   "label.logged-in-as": "Logged in as {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Settings",
   "label.share-url": "Share URL",
   "label.single-day": "Single day",
+  "label.theme": "Theme",
   "label.this-month": "This month",
   "label.this-week": "This week",
   "label.this-year": "This year",
diff --git a/lang/en-US.json b/lang/en-US.json
index 1a725383..d5001caa 100644
--- a/lang/en-US.json
+++ b/lang/en-US.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Enable share URL",
   "label.invalid": "Invalid",
   "label.invalid-domain": "Invalid domain",
+  "label.language": "Language",
   "label.last-days": "Last {x} days",
   "label.last-hours": "Last {x} hours",
   "label.logged-in-as": "Logged in as {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Settings",
   "label.share-url": "Share URL",
   "label.single-day": "Single day",
+  "label.theme": "Theme",
   "label.this-month": "This month",
   "label.this-week": "This week",
   "label.this-year": "This year",
diff --git a/lang/es-MX.json b/lang/es-MX.json
index e6306228..690a3bd9 100644
--- a/lang/es-MX.json
+++ b/lang/es-MX.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Habilitar compartir URL",
   "label.invalid": "Inválido",
   "label.invalid-domain": "Dominio inválido",
+  "label.language": "Language",
   "label.last-days": "Últimos {x} días",
   "label.last-hours": "Últimas {x} horas",
   "label.logged-in-as": "Sesión iniciada como {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Configuraciones",
   "label.share-url": "Compartir URL",
   "label.single-day": "Dia",
+  "label.theme": "Theme",
   "label.this-month": "Este mes",
   "label.this-week": "Esta semana",
   "label.this-year": "Este año",
diff --git a/lang/fa-IR.json b/lang/fa-IR.json
index 323c7679..b5594762 100644
--- a/lang/fa-IR.json
+++ b/lang/fa-IR.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "فعال کردن اشتراک گذاری URL",
   "label.invalid": "نامعتبر",
   "label.invalid-domain": "دامنه‌ی نامعتبر",
+  "label.language": "Language",
   "label.last-days": "لیست {x} روز",
   "label.last-hours": "لیست {x} ساعت",
   "label.logged-in-as": "وارد شده به عنوان {username}",
@@ -50,6 +51,7 @@
   "label.settings": "تنظیمات",
   "label.share-url": "به اشتراک گذاری URL",
   "label.single-day": "یک روز",
+  "label.theme": "Theme",
   "label.this-month": "این ماه",
   "label.this-week": "این هفته",
   "label.this-year": "امسال",
diff --git a/lang/fi-FI.json b/lang/fi-FI.json
index e63ec412..d83731b8 100644
--- a/lang/fi-FI.json
+++ b/lang/fi-FI.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Ota jakamisen URL-osoite käyttöön",
   "label.invalid": "Virheellinen",
   "label.invalid-domain": "Virheellinen verkkotunnus",
+  "label.language": "Language",
   "label.last-days": "Viimeisimmät {x} päivät",
   "label.last-hours": "Viimeisimmät {x} tunnit",
   "label.logged-in-as": "Kirjautuneena sisään nimellä {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Asetukset",
   "label.share-url": "Jaa URL",
   "label.single-day": "Yksi päivä",
+  "label.theme": "Theme",
   "label.this-month": "Tämä kuukausi",
   "label.this-week": "Tämä viikko",
   "label.this-year": "Tämä vuosi",
diff --git a/lang/fo-FO.json b/lang/fo-FO.json
index def5f049..039c7948 100644
--- a/lang/fo-FO.json
+++ b/lang/fo-FO.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Virkja deili leinki",
   "label.invalid": "Ógilda",
   "label.invalid-domain": "Ógilt økisnavn",
+  "label.language": "Language",
   "label.last-days": "Seinastu {x} dagarnar",
   "label.last-hours": "Seinastu {x} tímarnar",
   "label.logged-in-as": "Ritaður inn sum {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Stillingar",
   "label.share-url": "Deil leinku",
   "label.single-day": "Einkultur dagur",
+  "label.theme": "Theme",
   "label.this-month": "Hendan mánan",
   "label.this-week": "Hesa vikuna",
   "label.this-year": "Hetta árið",
diff --git a/lang/fr-FR.json b/lang/fr-FR.json
index 421f10dc..c379a0f4 100644
--- a/lang/fr-FR.json
+++ b/lang/fr-FR.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Activer le partage d'URL",
   "label.invalid": "Invalide",
   "label.invalid-domain": "Domaine invalide",
+  "label.language": "Language",
   "label.last-days": "{x} derniers jours",
   "label.last-hours": "{x} dernières heures",
   "label.logged-in-as": "Connecté en tant que {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Paramètres",
   "label.share-url": "Partager l'URL",
   "label.single-day": "Journée",
+  "label.theme": "Theme",
   "label.this-month": "Ce mois ci",
   "label.this-week": "Cette semaine",
   "label.this-year": "Cette année",
diff --git a/lang/he-IL.json b/lang/he-IL.json
index 9f36ad8e..d2cbb132 100644
--- a/lang/he-IL.json
+++ b/lang/he-IL.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "הפעלת URL שיתוף",
   "label.invalid": "לא תקין",
   "label.invalid-domain": "דומיין לא תקין",
+  "label.language": "Language",
   "label.last-days": "{x} ימים אחרונים",
   "label.last-hours": "{x} שעות אחרונות",
   "label.logged-in-as": "מחובר כ-{username}",
@@ -50,6 +51,7 @@
   "label.settings": "הגדרות",
   "label.share-url": "שיתוף URL",
   "label.single-day": "יום בודד",
+  "label.theme": "Theme",
   "label.this-month": "החודש",
   "label.this-week": "השבוע",
   "label.this-year": "השנה",
diff --git a/lang/hi-IN.json b/lang/hi-IN.json
index b957f039..cb0643e2 100644
--- a/lang/hi-IN.json
+++ b/lang/hi-IN.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "शेयर URL सक्षम करें",
   "label.invalid": "अमान्य",
   "label.invalid-domain": "अमान्य डोमेन",
+  "label.language": "Language",
   "label.last-days": "पिछले {x} दिन",
   "label.last-hours": "पिछले {x} घंटे",
   "label.logged-in-as": "{x} के रूप में लॉग इन किया",
@@ -50,6 +51,7 @@
   "label.settings": "समायोजन",
   "label.share-url": "यूआरएल साझा करें",
   "label.single-day": "एक दिन",
+  "label.theme": "Theme",
   "label.this-month": "इस महीने",
   "label.this-week": "इस सप्ताह",
   "label.this-year": "इस साल",
diff --git a/lang/hu-HU.json b/lang/hu-HU.json
index 6fe423a3..63bec74c 100644
--- a/lang/hu-HU.json
+++ b/lang/hu-HU.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "URL-megosztás engedélyezése",
   "label.invalid": "Érvénytelen",
   "label.invalid-domain": "Érvénytelen domain",
+  "label.language": "Language",
   "label.last-days": "Legutóbbi {x} nap",
   "label.last-hours": "Legutóbbi {x} óra",
   "label.logged-in-as": "Bejelentkezve, mint {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Beállítások",
   "label.share-url": "URL megosztása",
   "label.single-day": "Egy nap",
+  "label.theme": "Theme",
   "label.this-month": "Ezen hónap",
   "label.this-week": "Ezen hét",
   "label.this-year": "Ezen év",
diff --git a/lang/id-ID.json b/lang/id-ID.json
index cdd76dd4..20a8cc51 100644
--- a/lang/id-ID.json
+++ b/lang/id-ID.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Aktifkan URL berbagi",
   "label.invalid": "Tidak valid",
   "label.invalid-domain": "Domain tidak valid",
+  "label.language": "Language",
   "label.last-days": "{x} hari terakhir",
   "label.last-hours": "{x} jam terakhir",
   "label.logged-in-as": "Masuk sebagai {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Pengaturan",
   "label.share-url": "Bagikan URL",
   "label.single-day": "Sehari",
+  "label.theme": "Theme",
   "label.this-month": "Bulan ini",
   "label.this-week": "Minggu ini",
   "label.this-year": "Tahun ini",
diff --git a/lang/it-IT.json b/lang/it-IT.json
index b9e9f3c8..986444cc 100644
--- a/lang/it-IT.json
+++ b/lang/it-IT.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Abilita URL di condivisione",
   "label.invalid": "Non valido",
   "label.invalid-domain": "Dominio non valido",
+  "label.language": "Language",
   "label.last-days": "Ultimi {x} giorni",
   "label.last-hours": "Ultime {x} ore",
   "label.logged-in-as": "Ciao {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Impostazioni",
   "label.share-url": "Condividi link",
   "label.single-day": "Singolo giorno",
+  "label.theme": "Theme",
   "label.this-month": "Questo mese",
   "label.this-week": "Questa settimana",
   "label.this-year": "Quest'anno",
diff --git a/lang/ja-JP.json b/lang/ja-JP.json
index 8deaf6fb..fbdd9c7b 100644
--- a/lang/ja-JP.json
+++ b/lang/ja-JP.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "共有リンクを有効にする",
   "label.invalid": "無効",
   "label.invalid-domain": "無効なドメイン",
+  "label.language": "Language",
   "label.last-days": "過去{x}日間",
   "label.last-hours": "過去{x}時間",
   "label.logged-in-as": "{username}でログイン中",
@@ -50,6 +51,7 @@
   "label.settings": "設定",
   "label.share-url": "共有リンク",
   "label.single-day": "一日のみ",
+  "label.theme": "Theme",
   "label.this-month": "今月",
   "label.this-week": "今週",
   "label.this-year": "今年",
diff --git a/lang/ko-KR.json b/lang/ko-KR.json
index 65b1f77f..5043d133 100644
--- a/lang/ko-KR.json
+++ b/lang/ko-KR.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "URL 공유 활성화",
   "label.invalid": "무효",
   "label.invalid-domain": "잘못된 도메인",
+  "label.language": "Language",
   "label.last-days": "최근 {x} 일간",
   "label.last-hours": "최근 {x} 시간",
   "label.logged-in-as": "{username}(으)로 로그인됨",
@@ -50,6 +51,7 @@
   "label.settings": "설정",
   "label.share-url": "공유 URL",
   "label.single-day": "하루",
+  "label.theme": "Theme",
   "label.this-month": "이번 달",
   "label.this-week": "이번 주",
   "label.this-year": "올해",
diff --git a/lang/lt-LT.json b/lang/lt-LT.json
index 6ac4aeef..35b6c0fc 100644
--- a/lang/lt-LT.json
+++ b/lang/lt-LT.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Įjungti bendrinimą su nuoroda",
   "label.invalid": "Neteisingai",
   "label.invalid-domain": "Klaidingas domenas",
+  "label.language": "Language",
   "label.last-days": "{x, plural, =0 {Paskutinės # dienų} zero {Paskutinės # dienų} one {Paskutinė diena} other {Paskutinės # dienos}}",
   "label.last-hours": "{x, plural, =0 {Paskutinės # valandų} zero {Paskutinės # valandų} one {Paskutinė # valanda} other {Paskutinės # valandos}}",
   "label.logged-in-as": "Prisijungęs kaip {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Nustatymai",
   "label.share-url": "Pasidalinti nuoroda",
   "label.single-day": "Viena diena",
+  "label.theme": "Theme",
   "label.this-month": "Šis mėnuo",
   "label.this-week": "Ši savaitė",
   "label.this-year": "Šie metai",
diff --git a/lang/mn-MN.json b/lang/mn-MN.json
index 2654ccca..1e9f7f9d 100644
--- a/lang/mn-MN.json
+++ b/lang/mn-MN.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Хуваалцах холбоос идэвхжүүлэх",
   "label.invalid": "Буруу",
   "label.invalid-domain": "Буруу домэйн",
+  "label.language": "Language",
   "label.last-days": "Сүүлийн {x} хоног",
   "label.last-hours": "Сүүлийн {x} цаг",
   "label.logged-in-as": "{username}-р нэвтэрсэн",
@@ -50,6 +51,7 @@
   "label.settings": "Тохиргоо",
   "label.share-url": "Хуваалцах холбоос",
   "label.single-day": "Нэг өдөр",
+  "label.theme": "Theme",
   "label.this-month": "Энэ сар",
   "label.this-week": "Энэ долоо хоног",
   "label.this-year": "Энэ жил",
diff --git a/lang/ms-MY.json b/lang/ms-MY.json
index 12aeb6b5..ca4ed5c1 100644
--- a/lang/ms-MY.json
+++ b/lang/ms-MY.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Aktifkan url berkongsi",
   "label.invalid": "Tidak sah",
   "label.invalid-domain": "Domain tidak sah",
+  "label.language": "Language",
   "label.last-days": "{x} hari lepas",
   "label.last-hours": "{x} jam lepas",
   "label.logged-in-as": "Log masuk sebagai {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Tetapan",
   "label.share-url": "Kongsikan URL",
   "label.single-day": "Satu hari",
+  "label.theme": "Theme",
   "label.this-month": "Bulan ini",
   "label.this-week": "Minggu ini",
   "label.this-year": "Tahun ini",
diff --git a/lang/nb-NO.json b/lang/nb-NO.json
index 2b44e872..8c745b8f 100644
--- a/lang/nb-NO.json
+++ b/lang/nb-NO.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Aktiver delings-URL",
   "label.invalid": "Ugyldig",
   "label.invalid-domain": "Ugyldig domene",
+  "label.language": "Language",
   "label.last-days": "Siste {x} dager",
   "label.last-hours": "Siste {x} timer",
   "label.logged-in-as": "Logget på som {brukernavn}",
@@ -50,6 +51,7 @@
   "label.settings": "Innstillinger",
   "label.share-url": "Del URL",
   "label.single-day": "Enkelt dag",
+  "label.theme": "Theme",
   "label.this-month": "Denne måneden",
   "label.this-week": "Denne uka",
   "label.this-year": "I år",
diff --git a/lang/nl-NL.json b/lang/nl-NL.json
index d3b37e01..61083dc3 100644
--- a/lang/nl-NL.json
+++ b/lang/nl-NL.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Sta delen via openbare URL toe",
   "label.invalid": "Ongeldig",
   "label.invalid-domain": "Ongeldig domein",
+  "label.language": "Language",
   "label.last-days": "Laatste {x} dagen",
   "label.last-hours": "Laatste {x} uur",
   "label.logged-in-as": "Ingelogd als {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Instellingen",
   "label.share-url": "URL delen",
   "label.single-day": "Enkele dag",
+  "label.theme": "Theme",
   "label.this-month": "Deze maand",
   "label.this-week": "Deze week",
   "label.this-year": "Dit jaar",
diff --git a/lang/pl-PL.json b/lang/pl-PL.json
index aba4b01a..1b0fbdee 100644
--- a/lang/pl-PL.json
+++ b/lang/pl-PL.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Włącz udostępnianie adresu URL",
   "label.invalid": "Nieprawidłowy",
   "label.invalid-domain": "Nieprawidłowa witryna",
+  "label.language": "Language",
   "label.last-days": "Ostatnie {x} dni",
   "label.last-hours": "Ostatnie {x} godzin",
   "label.logged-in-as": "Zalogowano jako {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Ustawienia",
   "label.share-url": "Udostępnij adres URL",
   "label.single-day": "W tym dniu",
+  "label.theme": "Theme",
   "label.this-month": "W tym miesiącu",
   "label.this-week": "W tym tygodniu",
   "label.this-year": "W tym roku",
diff --git a/lang/pt-BR.json b/lang/pt-BR.json
index 7b7b78e8..cea0fe61 100644
--- a/lang/pt-BR.json
+++ b/lang/pt-BR.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Ativar link de compartilhamento",
   "label.invalid": "Inválido",
   "label.invalid-domain": "Domínio inválido",
+  "label.language": "Language",
   "label.last-days": "Últimos {x} dias",
   "label.last-hours": "Últimas {x} horas",
   "label.logged-in-as": "Sessão iniciada como {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Configurações",
   "label.share-url": "Link de compartilhamento",
   "label.single-day": "Dia específico",
+  "label.theme": "Theme",
   "label.this-month": "Este mês",
   "label.this-week": "Esta semana",
   "label.this-year": "Este ano",
diff --git a/lang/pt-PT.json b/lang/pt-PT.json
index 49e8e232..e6647dfb 100644
--- a/lang/pt-PT.json
+++ b/lang/pt-PT.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Ativar link de partilha",
   "label.invalid": "Inválido",
   "label.invalid-domain": "Domínio inválido",
+  "label.language": "Language",
   "label.last-days": "Últimos {x} dias",
   "label.last-hours": "Últimas {x} horas",
   "label.logged-in-as": "Sessão iniciada como {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Definições",
   "label.share-url": "Partilhar link",
   "label.single-day": "Dia único",
+  "label.theme": "Theme",
   "label.this-month": "Este mês",
   "label.this-week": "Esta semana",
   "label.this-year": "Este ano",
diff --git a/lang/ro-RO.json b/lang/ro-RO.json
index cc10444d..9fdb9560 100644
--- a/lang/ro-RO.json
+++ b/lang/ro-RO.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Activare adresă URL de distribuire",
   "label.invalid": "Invalid",
   "label.invalid-domain": "Domeniu nu este valid",
+  "label.language": "Language",
   "label.last-days": "Ultimele {x} zile",
   "label.last-hours": "Ultimele {x} ore",
   "label.logged-in-as": "Autentificat ca {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Setări",
   "label.share-url": "Partajare URL",
   "label.single-day": "O singură zi",
+  "label.theme": "Theme",
   "label.this-month": "Această lună",
   "label.this-week": "Această săptămână",
   "label.this-year": "Acest an",
diff --git a/lang/ru-RU.json b/lang/ru-RU.json
index cd1a76e2..940136e3 100644
--- a/lang/ru-RU.json
+++ b/lang/ru-RU.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Разрешить делиться ссылкой",
   "label.invalid": "Некорректный",
   "label.invalid-domain": "Некорректный домен",
+  "label.language": "Language",
   "label.last-days": "Последние {x} дней",
   "label.last-hours": "Последние {x} часа",
   "label.logged-in-as": "Вы вошли как {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Настройки",
   "label.share-url": "Поделиться ссылкой",
   "label.single-day": "Один день",
+  "label.theme": "Theme",
   "label.this-month": "Этот месяц",
   "label.this-week": "Эта неделя",
   "label.this-year": "Этот год",
diff --git a/lang/sk-SK.json b/lang/sk-SK.json
index 621e8dde..45f2f7e3 100644
--- a/lang/sk-SK.json
+++ b/lang/sk-SK.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Povoliť zdielanie URL",
   "label.invalid": "Neplatný",
   "label.invalid-domain": "Neplatná doména",
+  "label.language": "Language",
   "label.last-days": "Posledných {x} dní",
   "label.last-hours": "Posledných {x} hodín",
   "label.logged-in-as": "Prihlásený ako {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Nastavenia",
   "label.share-url": "Zdielanie URL",
   "label.single-day": "Jeden deň",
+  "label.theme": "Theme",
   "label.this-month": "Tento mesiac",
   "label.this-week": "Tento týždeň",
   "label.this-year": "Tento rok",
diff --git a/lang/sl-SI.json b/lang/sl-SI.json
index abb8a52a..003e4945 100644
--- a/lang/sl-SI.json
+++ b/lang/sl-SI.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Omogoči URL za skupno rabo",
   "label.invalid": "Neveljavno",
   "label.invalid-domain": "Neveljavna domena",
+  "label.language": "Language",
   "label.last-days": "Zadnjih {x} dni",
   "label.last-hours": "Zadnjih {x} ur",
   "label.logged-in-as": "Prijavljen kot {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Nastavitve",
   "label.share-url": "Deli URL",
   "label.single-day": "En dan",
+  "label.theme": "Theme",
   "label.this-month": "Ta mesec",
   "label.this-week": "Ta teden",
   "label.this-year": "Letos",
diff --git a/lang/sv-SE.json b/lang/sv-SE.json
index 2483f97e..0d868f4d 100644
--- a/lang/sv-SE.json
+++ b/lang/sv-SE.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Aktivera delnings-URL",
   "label.invalid": "Ogiltig",
   "label.invalid-domain": "Ogiltig domän",
+  "label.language": "Language",
   "label.last-days": "Senaste {x} dagarna",
   "label.last-hours": "Senaste {x} timmarna",
   "label.logged-in-as": "Inloggad som {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Inställningar",
   "label.share-url": "Delnings-URL",
   "label.single-day": "En dag",
+  "label.theme": "Theme",
   "label.this-month": "Denna månad",
   "label.this-week": "Denna vecka",
   "label.this-year": "Detta år",
diff --git a/lang/ta-IN.json b/lang/ta-IN.json
index dfeccc29..e02cb322 100644
--- a/lang/ta-IN.json
+++ b/lang/ta-IN.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "கள முகவரியை பகிரலாம்",
   "label.invalid": "தவறானது",
   "label.invalid-domain": "தவறான கள முகவரி",
+  "label.language": "Language",
   "label.last-days": "முந்தைய {x} நாட்கள்",
   "label.last-hours": "முந்தைய {x} மணி",
   "label.logged-in-as": "{username} உள்நுழைந்துள்ளீர்",
@@ -50,6 +51,7 @@
   "label.settings": "அமைப்புகள்",
   "label.share-url": "வலைத்தள களத்தைப் பகிரவும்",
   "label.single-day": "ஒரு நாள்",
+  "label.theme": "Theme",
   "label.this-month": "இந்த மாதம்",
   "label.this-week": "இந்த வாரம்",
   "label.this-year": "இந்த வருடம்",
diff --git a/lang/tr-TR.json b/lang/tr-TR.json
index 86063ec0..fed17bc8 100644
--- a/lang/tr-TR.json
+++ b/lang/tr-TR.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Anonim paylaşım URL'i aktif",
   "label.invalid": "Geçersiz",
   "label.invalid-domain": "Geçersiz alan adı",
+  "label.language": "Language",
   "label.last-days": "Son {x} gün",
   "label.last-hours": "Son {x} saat",
   "label.logged-in-as": "{username} olarak giriş yapıldı.",
@@ -50,6 +51,7 @@
   "label.settings": "Ayarlar",
   "label.share-url": "Paylaşım adresi",
   "label.single-day": "Tekil gün",
+  "label.theme": "Theme",
   "label.this-month": "Bu ay",
   "label.this-week": "Bu hafta",
   "label.this-year": "Bu yıl",
diff --git a/lang/uk-UA.json b/lang/uk-UA.json
index b6cca24b..bd3a02d2 100644
--- a/lang/uk-UA.json
+++ b/lang/uk-UA.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Дозволити ділитися посиланням",
   "label.invalid": "Некоректний",
   "label.invalid-domain": "Некоректний домен",
+  "label.language": "Language",
   "label.last-days": "Останні {x} днів",
   "label.last-hours": "Останні {x} годин",
   "label.logged-in-as": "Ви увійшли як {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Налаштування",
   "label.share-url": "Поділитися посилання",
   "label.single-day": "Один день",
+  "label.theme": "Theme",
   "label.this-month": "Цього місяця",
   "label.this-week": "Цього тижня",
   "label.this-year": "Цього ріку",
diff --git a/lang/ur-PK.json b/lang/ur-PK.json
index c142f094..dac2bfb5 100644
--- a/lang/ur-PK.json
+++ b/lang/ur-PK.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "شیئر یو آر ایل کو فعال کریں",
   "label.invalid": "غلط",
   "label.invalid-domain": "غلط ڈومین",
+  "label.language": "Language",
   "label.last-days": "پچھلے {x} دن",
   "label.last-hours": "پچھلے {x} گھنٹے",
   "label.logged-in-as": "بطور {username} لاگ ان",
@@ -50,6 +51,7 @@
   "label.settings": "ترتیبات",
   "label.share-url": "URL کا اشتراک کریں",
   "label.single-day": "ایک دن",
+  "label.theme": "Theme",
   "label.this-month": "اس مہینے",
   "label.this-week": "اس ہفتے",
   "label.this-year": "اس سال",
diff --git a/lang/vi-VN.json b/lang/vi-VN.json
index 999aac62..0daec1ba 100644
--- a/lang/vi-VN.json
+++ b/lang/vi-VN.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "Bật khả năng chia sẻ URL",
   "label.invalid": "Không hợp lệ",
   "label.invalid-domain": "Tên miền không hợp lệ",
+  "label.language": "Language",
   "label.last-days": "{x} ngày gần nhất",
   "label.last-hours": "{x} giờ gần nhất",
   "label.logged-in-as": "Đăng nhập như {username}",
@@ -50,6 +51,7 @@
   "label.settings": "Cài đặt",
   "label.share-url": "Chia sẻ URL",
   "label.single-day": "Trong ngày",
+  "label.theme": "Theme",
   "label.this-month": "Tháng này",
   "label.this-week": "Tuần này",
   "label.this-year": "Năm nay",
diff --git a/lang/zh-CN.json b/lang/zh-CN.json
index 077c46de..832e1409 100644
--- a/lang/zh-CN.json
+++ b/lang/zh-CN.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "启用共享链接",
   "label.invalid": "输入无效",
   "label.invalid-domain": "无效域名",
+  "label.language": "Language",
   "label.last-days": "最近 {x} 天",
   "label.last-hours": "最近 {x} 小时",
   "label.logged-in-as": "登录名: {username}",
@@ -50,6 +51,7 @@
   "label.settings": "设置",
   "label.share-url": "共享链接",
   "label.single-day": "单日",
+  "label.theme": "Theme",
   "label.this-month": "本月",
   "label.this-week": "本周",
   "label.this-year": "今年",
diff --git a/lang/zh-TW.json b/lang/zh-TW.json
index 414cba4d..024a6d75 100644
--- a/lang/zh-TW.json
+++ b/lang/zh-TW.json
@@ -28,6 +28,7 @@
   "label.enable-share-url": "啟用分享連結",
   "label.invalid": "無效輸入",
   "label.invalid-domain": "無效域名",
+  "label.language": "Language",
   "label.last-days": "最近 {x} 天",
   "label.last-hours": "最近 {x} 小時",
   "label.logged-in-as": "用戶名: {username}",
@@ -50,6 +51,7 @@
   "label.settings": "設置",
   "label.share-url": "分享連結",
   "label.single-day": "單日",
+  "label.theme": "Theme",
   "label.this-month": "本月",
   "label.this-week": "本週",
   "label.this-year": "今年",
diff --git a/public/messages/ar-SA.json b/public/messages/ar-SA.json
index 90ff1f7e..4380f71d 100644
--- a/public/messages/ar-SA.json
+++ b/public/messages/ar-SA.json
@@ -173,6 +173,12 @@
       "value": "النطاق غير صحيح"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "يوم واحد"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/ca-ES.json b/public/messages/ca-ES.json
index 54eff8c1..d34dcc0b 100644
--- a/public/messages/ca-ES.json
+++ b/public/messages/ca-ES.json
@@ -173,6 +173,12 @@
       "value": "Domini invàlid"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Un sol dia"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/cs-CZ.json b/public/messages/cs-CZ.json
index c7a17674..1e61e4cb 100644
--- a/public/messages/cs-CZ.json
+++ b/public/messages/cs-CZ.json
@@ -173,6 +173,12 @@
       "value": "Neplatná doména"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Jeden den"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/da-DK.json b/public/messages/da-DK.json
index e9ce14f1..a9117023 100644
--- a/public/messages/da-DK.json
+++ b/public/messages/da-DK.json
@@ -173,6 +173,12 @@
       "value": "Ugyldigt domæne"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Enkelt dag"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/de-DE.json b/public/messages/de-DE.json
index 52420a70..351e795b 100644
--- a/public/messages/de-DE.json
+++ b/public/messages/de-DE.json
@@ -173,6 +173,12 @@
       "value": "Ungültige Domain"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Ein Tag"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/el-GR.json b/public/messages/el-GR.json
index b686a95c..b017fc84 100644
--- a/public/messages/el-GR.json
+++ b/public/messages/el-GR.json
@@ -173,6 +173,12 @@
       "value": "Μη έγκυρος τομέας"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Ημερήσια"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/en-GB.json b/public/messages/en-GB.json
index 9e2787ce..29797a45 100644
--- a/public/messages/en-GB.json
+++ b/public/messages/en-GB.json
@@ -173,6 +173,12 @@
       "value": "Invalid domain"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Single day"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/en-US.json b/public/messages/en-US.json
index 9e2787ce..29797a45 100644
--- a/public/messages/en-US.json
+++ b/public/messages/en-US.json
@@ -173,6 +173,12 @@
       "value": "Invalid domain"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Single day"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/es-MX.json b/public/messages/es-MX.json
index 0b4d5b26..6440920d 100644
--- a/public/messages/es-MX.json
+++ b/public/messages/es-MX.json
@@ -173,6 +173,12 @@
       "value": "Dominio inválido"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Dia"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/fa-IR.json b/public/messages/fa-IR.json
index a72fbddd..8cff4cf6 100644
--- a/public/messages/fa-IR.json
+++ b/public/messages/fa-IR.json
@@ -173,6 +173,12 @@
       "value": "دامنه‌ی نامعتبر"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "یک روز"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/fi-FI.json b/public/messages/fi-FI.json
index b47c1ce3..39d0d764 100644
--- a/public/messages/fi-FI.json
+++ b/public/messages/fi-FI.json
@@ -173,6 +173,12 @@
       "value": "Virheellinen verkkotunnus"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Yksi päivä"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/fo-FO.json b/public/messages/fo-FO.json
index 996f68b7..9df7954d 100644
--- a/public/messages/fo-FO.json
+++ b/public/messages/fo-FO.json
@@ -173,6 +173,12 @@
       "value": "Ógilt økisnavn"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Einkultur dagur"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/fr-FR.json b/public/messages/fr-FR.json
index e3398d08..ce81981f 100644
--- a/public/messages/fr-FR.json
+++ b/public/messages/fr-FR.json
@@ -173,6 +173,12 @@
       "value": "Domaine invalide"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 1,
@@ -317,6 +323,12 @@
       "value": "Journée"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/he-IL.json b/public/messages/he-IL.json
index 8e15bbd1..8fd1cc80 100644
--- a/public/messages/he-IL.json
+++ b/public/messages/he-IL.json
@@ -173,6 +173,12 @@
       "value": "דומיין לא תקין"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 1,
@@ -317,6 +323,12 @@
       "value": "יום בודד"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/hi-IN.json b/public/messages/hi-IN.json
index 8c9c7713..7998945f 100644
--- a/public/messages/hi-IN.json
+++ b/public/messages/hi-IN.json
@@ -173,6 +173,12 @@
       "value": "अमान्य डोमेन"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "एक दिन"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/hu-HU.json b/public/messages/hu-HU.json
index ebbc1619..7531b3a7 100644
--- a/public/messages/hu-HU.json
+++ b/public/messages/hu-HU.json
@@ -173,6 +173,12 @@
       "value": "Érvénytelen domain"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Egy nap"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/id-ID.json b/public/messages/id-ID.json
index b3f47f57..0b899262 100644
--- a/public/messages/id-ID.json
+++ b/public/messages/id-ID.json
@@ -173,6 +173,12 @@
       "value": "Domain tidak valid"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 1,
@@ -317,6 +323,12 @@
       "value": "Sehari"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/it-IT.json b/public/messages/it-IT.json
index 797f2280..b0d0b0e3 100644
--- a/public/messages/it-IT.json
+++ b/public/messages/it-IT.json
@@ -32,13 +32,13 @@
   "label.all-events": [
     {
       "type": 0,
-      "value": "All events"
+      "value": "Tutti gli eventi"
     }
   ],
   "label.all-time": [
     {
       "type": 0,
-      "value": "All time"
+      "value": "Sempre"
     }
   ],
   "label.all-websites": [
@@ -92,7 +92,7 @@
   "label.dashboard": [
     {
       "type": 0,
-      "value": "Dashboard"
+      "value": "Pannello di Controllo"
     }
   ],
   "label.date-range": [
@@ -173,6 +173,12 @@
       "value": "Dominio non valido"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -214,13 +220,13 @@
   "label.login": [
     {
       "type": 0,
-      "value": "Login"
+      "value": "Accedi"
     }
   ],
   "label.logout": [
     {
       "type": 0,
-      "value": "Logout"
+      "value": "Esci"
     }
   ],
   "label.more": [
@@ -244,7 +250,7 @@
   "label.owner": [
     {
       "type": 0,
-      "value": "Owner"
+      "value": "Proprietario"
     }
   ],
   "label.password": [
@@ -268,13 +274,13 @@
   "label.realtime": [
     {
       "type": 0,
-      "value": "Realtime"
+      "value": "Tempo reale"
     }
   ],
   "label.realtime-logs": [
     {
       "type": 0,
-      "value": "Log in realtime"
+      "value": "Log in tempo reale"
     }
   ],
   "label.refresh": [
@@ -298,7 +304,7 @@
   "label.reset-website": [
     {
       "type": 0,
-      "value": "Reset statistics"
+      "value": "Resetta le statistiche"
     }
   ],
   "label.save": [
@@ -316,7 +322,7 @@
   "label.share-url": [
     {
       "type": 0,
-      "value": "Share URL"
+      "value": "Condividi link"
     }
   ],
   "label.single-day": [
@@ -325,6 +331,12 @@
       "value": "Singolo giorno"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
@@ -370,7 +382,7 @@
   "label.username": [
     {
       "type": 0,
-      "value": "Username"
+      "value": "Nome utente"
     }
   ],
   "label.view-details": [
@@ -572,7 +584,7 @@
   "message.reset-warning": [
     {
       "type": 0,
-      "value": "All statistics for this website will be deleted, but your tracking code will remain intact."
+      "value": "Tutte le statistiche verranno cancellate per questo sito, ma il tuo codice di tracciamento rimarrà invariato."
     }
   ],
   "message.save-success": [
@@ -598,7 +610,7 @@
   "message.toggle-charts": [
     {
       "type": 0,
-      "value": "Toggle charts"
+      "value": "Apri/Chiudi i grafici"
     }
   ],
   "message.track-stats": [
@@ -640,7 +652,7 @@
   "message.type-reset": [
     {
       "type": 0,
-      "value": "Type "
+      "value": "Digita "
     },
     {
       "type": 1,
@@ -648,7 +660,7 @@
     },
     {
       "type": 0,
-      "value": " in the box below to confirm."
+      "value": " nel box qui sotto per confermare."
     }
   ],
   "metrics.actions": [
@@ -690,13 +702,13 @@
   "metrics.device.laptop": [
     {
       "type": 0,
-      "value": "Laptop"
+      "value": "Portatile"
     }
   ],
   "metrics.device.mobile": [
     {
       "type": 0,
-      "value": "Mobile"
+      "value": "Cellulare"
     }
   ],
   "metrics.device.tablet": [
@@ -738,7 +750,7 @@
   "metrics.languages": [
     {
       "type": 0,
-      "value": "Languages"
+      "value": "Lingue"
     }
   ],
   "metrics.operating-systems": [
diff --git a/public/messages/ja-JP.json b/public/messages/ja-JP.json
index 02e607f9..608e6899 100644
--- a/public/messages/ja-JP.json
+++ b/public/messages/ja-JP.json
@@ -173,6 +173,12 @@
       "value": "無効なドメイン"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "一日のみ"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/ko-KR.json b/public/messages/ko-KR.json
index 02bb2c42..41ff2de2 100644
--- a/public/messages/ko-KR.json
+++ b/public/messages/ko-KR.json
@@ -173,6 +173,12 @@
       "value": "잘못된 도메인"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "하루"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/lt-LT.json b/public/messages/lt-LT.json
index 255fb2b4..e55defca 100644
--- a/public/messages/lt-LT.json
+++ b/public/messages/lt-LT.json
@@ -173,6 +173,12 @@
       "value": "Klaidingas domenas"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "offset": 0,
@@ -430,6 +436,12 @@
       "value": "Viena diena"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/mn-MN.json b/public/messages/mn-MN.json
index 9db4d2ed..8d1aec34 100644
--- a/public/messages/mn-MN.json
+++ b/public/messages/mn-MN.json
@@ -173,6 +173,12 @@
       "value": "Буруу домэйн"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Нэг өдөр"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/ms-MY.json b/public/messages/ms-MY.json
index 5e0b9150..922c6faf 100644
--- a/public/messages/ms-MY.json
+++ b/public/messages/ms-MY.json
@@ -173,6 +173,12 @@
       "value": "Domain tidak sah"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 1,
@@ -317,6 +323,12 @@
       "value": "Satu hari"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/nb-NO.json b/public/messages/nb-NO.json
index da46d8a2..2e23bf97 100644
--- a/public/messages/nb-NO.json
+++ b/public/messages/nb-NO.json
@@ -173,6 +173,12 @@
       "value": "Ugyldig domene"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Enkelt dag"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/nl-NL.json b/public/messages/nl-NL.json
index c364a405..4d8dadac 100644
--- a/public/messages/nl-NL.json
+++ b/public/messages/nl-NL.json
@@ -173,6 +173,12 @@
       "value": "Ongeldig domein"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Enkele dag"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/pl-PL.json b/public/messages/pl-PL.json
index d1124cc8..2dbbf047 100644
--- a/public/messages/pl-PL.json
+++ b/public/messages/pl-PL.json
@@ -173,6 +173,12 @@
       "value": "Nieprawidłowa witryna"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "W tym dniu"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/pt-BR.json b/public/messages/pt-BR.json
index f80e7510..7a10357b 100644
--- a/public/messages/pt-BR.json
+++ b/public/messages/pt-BR.json
@@ -173,6 +173,12 @@
       "value": "Domínio inválido"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Dia específico"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/pt-PT.json b/public/messages/pt-PT.json
index afd9080a..586635c6 100644
--- a/public/messages/pt-PT.json
+++ b/public/messages/pt-PT.json
@@ -173,6 +173,12 @@
       "value": "Domínio inválido"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Dia único"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/ro-RO.json b/public/messages/ro-RO.json
index 874d4d07..56d2e557 100644
--- a/public/messages/ro-RO.json
+++ b/public/messages/ro-RO.json
@@ -173,6 +173,12 @@
       "value": "Domeniu nu este valid"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "O singură zi"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/ru-RU.json b/public/messages/ru-RU.json
index 6030f2a7..c0921c14 100644
--- a/public/messages/ru-RU.json
+++ b/public/messages/ru-RU.json
@@ -173,6 +173,12 @@
       "value": "Некорректный домен"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Один день"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/sk-SK.json b/public/messages/sk-SK.json
index daf53aac..ca14b73e 100644
--- a/public/messages/sk-SK.json
+++ b/public/messages/sk-SK.json
@@ -173,6 +173,12 @@
       "value": "Neplatná doména"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Jeden deň"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/sl-SI.json b/public/messages/sl-SI.json
index c86859e3..a8f4fbe5 100644
--- a/public/messages/sl-SI.json
+++ b/public/messages/sl-SI.json
@@ -173,6 +173,12 @@
       "value": "Neveljavna domena"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "En dan"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/sv-SE.json b/public/messages/sv-SE.json
index ec772b5c..d26462ab 100644
--- a/public/messages/sv-SE.json
+++ b/public/messages/sv-SE.json
@@ -173,6 +173,12 @@
       "value": "Ogiltig domän"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "En dag"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/ta-IN.json b/public/messages/ta-IN.json
index 1b476244..cbd29d26 100644
--- a/public/messages/ta-IN.json
+++ b/public/messages/ta-IN.json
@@ -173,6 +173,12 @@
       "value": "தவறான கள முகவரி"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "ஒரு நாள்"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/tr-TR.json b/public/messages/tr-TR.json
index 2d51da6b..5fce01d8 100644
--- a/public/messages/tr-TR.json
+++ b/public/messages/tr-TR.json
@@ -173,6 +173,12 @@
       "value": "Geçersiz alan adı"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Tekil gün"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/uk-UA.json b/public/messages/uk-UA.json
index 42a8f03d..380b7586 100644
--- a/public/messages/uk-UA.json
+++ b/public/messages/uk-UA.json
@@ -173,6 +173,12 @@
       "value": "Некоректний домен"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "Один день"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/ur-PK.json b/public/messages/ur-PK.json
index 6cf15e24..43f31df8 100644
--- a/public/messages/ur-PK.json
+++ b/public/messages/ur-PK.json
@@ -173,6 +173,12 @@
       "value": "غلط ڈومین"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -329,6 +335,12 @@
       "value": "ایک دن"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/vi-VN.json b/public/messages/vi-VN.json
index 6d87d1da..f7a85acd 100644
--- a/public/messages/vi-VN.json
+++ b/public/messages/vi-VN.json
@@ -173,6 +173,12 @@
       "value": "Tên miền không hợp lệ"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 1,
@@ -317,6 +323,12 @@
       "value": "Trong ngày"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/zh-CN.json b/public/messages/zh-CN.json
index e34a52b3..b1cce954 100644
--- a/public/messages/zh-CN.json
+++ b/public/messages/zh-CN.json
@@ -173,6 +173,12 @@
       "value": "无效域名"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "单日"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/public/messages/zh-TW.json b/public/messages/zh-TW.json
index a366936a..30dd838d 100644
--- a/public/messages/zh-TW.json
+++ b/public/messages/zh-TW.json
@@ -173,6 +173,12 @@
       "value": "無效域名"
     }
   ],
+  "label.language": [
+    {
+      "type": 0,
+      "value": "Language"
+    }
+  ],
   "label.last-days": [
     {
       "type": 0,
@@ -325,6 +331,12 @@
       "value": "單日"
     }
   ],
+  "label.theme": [
+    {
+      "type": 0,
+      "value": "Theme"
+    }
+  ],
   "label.this-month": [
     {
       "type": 0,
diff --git a/styles/index.css b/styles/index.css
index 7e54ef1d..e68d6c0c 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -52,11 +52,6 @@ body {
     'Noto Sans Hebrew', sans-serif !important;
 }
 
-.he-IL {
-  display: inline-block;
-  direction: rtl;
-}
-
 *,
 *:before,
 *:after {
@@ -148,6 +143,9 @@ svg {
 
 .container {
   padding: 0;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
 }
 
 .row {