feat: keyboard shortcuts for themes

packages/hoppscotch-app/assets/scss/styles.scss

@@ -452,6 +452,7 @@ pre.ace_editor {
   @apply rounded;
   @apply ml-2;
   @apply px-1;
+  @apply transition;
 }
 
 .capitalize-first {

packages/hoppscotch-app/components/app/PowerSearch.vue

@@ -6,7 +6,7 @@
     @close="$emit('hide-modal')"
   >
     <template #body>
-      <div class="flex flex-col border-b border-dividerLight">
+      <div class="flex transition flex-col border-b border-dividerLight">
         <input
           id="command"
           v-model="search"

packages/hoppscotch-app/helpers/actions.ts

@@ -28,6 +28,10 @@ export type HoppAction =
   | "navigation.jump.documentation" // Jump to documentation page
   | "navigation.jump.settings" // Jump to settings page
   | "navigation.jump.profile" // Jump to profile page
+  | "settings.theme.system" // Use system theme
+  | "settings.theme.light" // Use light theme
+  | "settings.theme.dark" // Use dark theme
+  | "settings.theme.black" // Use black theme
 
 type BoundActionList = {
   // eslint-disable-next-line no-unused-vars

packages/hoppscotch-app/helpers/shortcuts.js

@@ -280,4 +280,32 @@ export const fuse = [
     icon: "gift",
     tags: ["invite", "share", "app", "friends", "people", "social"],
   },
+  {
+    keys: [getPlatformAlternateKey(), "0"],
+    label: "shortcut.theme.system",
+    action: "settings.theme.system",
+    icon: "monitor",
+    tags: ["theme", "system"],
+  },
+  {
+    keys: [getPlatformAlternateKey(), "1"],
+    label: "shortcut.theme.light",
+    action: "settings.theme.light",
+    icon: "sun",
+    tags: ["theme", "light"],
+  },
+  {
+    keys: [getPlatformAlternateKey(), "2"],
+    label: "shortcut.theme.dark",
+    action: "settings.theme.dark",
+    icon: "cloud",
+    tags: ["theme", "dark"],
+  },
+  {
+    keys: [getPlatformAlternateKey(), "3"],
+    label: "shortcut.theme.black",
+    action: "settings.theme.black",
+    icon: "moon",
+    tags: ["theme", "black"],
+  },
 ]

packages/hoppscotch-app/layouts/default.vue

@@ -52,7 +52,7 @@ import { setupLocalPersistence } from "~/newstore/localpersistence"
 import { performMigrations } from "~/helpers/migrations"
 import { initUserInfo } from "~/helpers/teams/BackendUserInfo"
 import { registerApolloAuthUpdate } from "~/helpers/apollo"
-import { useSetting } from "~/newstore/settings"
+import { applySetting, useSetting } from "~/newstore/settings"
 import { logPageView } from "~/helpers/fb/analytics"
 import { hookKeybindingsListener } from "~/helpers/keybindings"
 import { defineActionHandler } from "~/helpers/actions"
@@ -146,6 +146,18 @@ function defineJumpActions() {
   defineActionHandler("navigation.jump.profile", () => {
     router.push({ path: localePath("/profile") })
   })
+  defineActionHandler("settings.theme.system", () => {
+    applySetting("BG_COLOR", "system")
+  })
+  defineActionHandler("settings.theme.light", () => {
+    applySetting("BG_COLOR", "light")
+  })
+  defineActionHandler("settings.theme.dark", () => {
+    applySetting("BG_COLOR", "dark")
+  })
+  defineActionHandler("settings.theme.black", () => {
+    applySetting("BG_COLOR", "black")
+  })
 }
 
 export default defineComponent({

packages/hoppscotch-app/locales/af.json

@@ -29,9 +29,9 @@
     "send": "Stuur",
     "start": "Begin",
     "stop": "Stop",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Skakel af",
     "turn_on": "Sit aan",
     "undo": "Ontdoen",
@@ -93,11 +93,11 @@
     "generate_token": "Genereer teken",
     "include_in_url": "Sluit in by URL",
     "learn": "Leer hoe",
+    "pass_key_by": "Pass by",
     "password": "Wagwoord",
     "token": "Teken",
     "type": "Magtigingstipe",
-    "username": "Gebruikersnaam",
-    "pass_key_by": "Pass by"
+    "username": "Gebruikersnaam"
   },
   "collection": {
     "created": "Versameling geskep",
@@ -426,6 +426,13 @@
       "save_to_collections": "Stoor in versamelings",
       "send_request": "Stuur versoek",
       "title": "Versoek"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/ar.json

@@ -29,9 +29,9 @@
     "send": "يرسل",
     "start": "يبدأ",
     "stop": "قف",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "اطفئه",
     "turn_on": "شغله",
     "undo": "الغاء التحميل",
@@ -93,11 +93,11 @@
     "generate_token": "توليد رمز",
     "include_in_url": "تضمين في URL",
     "learn": "تعلم كيف",
+    "pass_key_by": "Pass by",
     "password": "كلمة المرور",
     "token": "رمز",
     "type": "نوع التفويض",
-    "username": "اسم المستخدم",
-    "pass_key_by": "Pass by"
+    "username": "اسم المستخدم"
   },
   "collection": {
     "created": "تم إنشاء المجموعة",
@@ -426,6 +426,13 @@
       "save_to_collections": "حفظ في المجموعات",
       "send_request": "ارسل طلب",
       "title": "طلب"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/ca.json

@@ -29,9 +29,9 @@
     "send": "Envia",
     "start": "Començar",
     "stop": "Atura",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Tanca",
     "turn_on": "Encendre",
     "undo": "Desfés",
@@ -93,11 +93,11 @@
     "generate_token": "Generar testimoni",
     "include_in_url": "Inclou a l'URL",
     "learn": "Aprèn com",
+    "pass_key_by": "Pass by",
     "password": "Contrasenya",
     "token": "Testimoni",
     "type": "Tipus d'autorització",
-    "username": "Nom d'usuari",
-    "pass_key_by": "Pass by"
+    "username": "Nom d'usuari"
   },
   "collection": {
     "created": "S'ha creat la col·lecció",
@@ -426,6 +426,13 @@
       "save_to_collections": "Desa a les col·leccions",
       "send_request": "Enviar sol.licitud",
       "title": "Sol·licitud"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/cn.json

@@ -29,9 +29,9 @@
     "send": "发送",
     "start": "开始",
     "stop": "停止",
+    "to_close": "以关闭",
     "to_navigate": "以定位",
     "to_select": "以选择",
-    "to_close": "以关闭",
     "turn_off": "关闭",
     "turn_on": "开启",
     "undo": "撤消",
@@ -93,11 +93,11 @@
     "generate_token": "生成令牌",
     "include_in_url": "包含在 URL 内",
     "learn": "了解更多",
+    "pass_key_by": "传递方式",
     "password": "密码",
     "token": "令牌",
     "type": "授权类型",
-    "username": "用户名",
-    "pass_key_by": "传递方式"
+    "username": "用户名"
   },
   "collection": {
     "created": "组合已创建",
@@ -426,6 +426,13 @@
       "save_to_collections": "保存到组合",
       "send_request": "发送请求",
       "title": "请求"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/cs.json

@@ -29,9 +29,9 @@
     "send": "Poslat",
     "start": "Start",
     "stop": "Stop",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Vypnout",
     "turn_on": "Zapnout",
     "undo": "vrátit",
@@ -93,11 +93,11 @@
     "generate_token": "Generovat token",
     "include_in_url": "Zahrnout do adresy URL",
     "learn": "Zjistěte jak",
+    "pass_key_by": "Pass by",
     "password": "Heslo",
     "token": "Žeton",
     "type": "Typ autorizace",
-    "username": "Uživatelské jméno",
-    "pass_key_by": "Pass by"
+    "username": "Uživatelské jméno"
   },
   "collection": {
     "created": "Kolekce vytvořena",
@@ -426,6 +426,13 @@
       "save_to_collections": "Uložit do sbírek",
       "send_request": "Poslat žádost",
       "title": "Žádost"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/da.json

@@ -29,9 +29,9 @@
     "send": "Sende",
     "start": "Start",
     "stop": "Hold op",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Sluk",
     "turn_on": "Tænde for",
     "undo": "Fortryd",
@@ -93,11 +93,11 @@
     "generate_token": "Generer Token",
     "include_in_url": "Inkluder i URL",
     "learn": "Lær hvordan",
+    "pass_key_by": "Pass by",
     "password": "Adgangskode",
     "token": "Polet",
     "type": "Godkendelse Type",
-    "username": "Brugernavn",
-    "pass_key_by": "Pass by"
+    "username": "Brugernavn"
   },
   "collection": {
     "created": "Samlingen er oprettet",
@@ -426,6 +426,13 @@
       "save_to_collections": "Gem i samlinger",
       "send_request": "Send anmodning",
       "title": "Anmodning"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/de.json

@@ -29,9 +29,9 @@
     "send": "Senden",
     "start": "Start",
     "stop": "Stopp",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Ausschalten",
     "turn_on": "Einschalten",
     "undo": "Rückgängig machen",
@@ -93,11 +93,11 @@
     "generate_token": "Token generieren",
     "include_in_url": "In URL einschließen",
     "learn": "Lernen wie",
+    "pass_key_by": "Pass by",
     "password": "Passwort",
     "token": "Token",
     "type": "Berechtigungstyp",
-    "username": "Nutzername",
-    "pass_key_by": "Pass by"
+    "username": "Nutzername"
   },
   "collection": {
     "created": "Sammlung erstellt",
@@ -426,6 +426,13 @@
       "save_to_collections": "In Sammlungen speichern",
       "send_request": "Anfrage senden",
       "title": "Anfrage"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/el.json

@@ -29,9 +29,9 @@
     "send": "Στείλετε",
     "start": "Αρχή",
     "stop": "Να σταματήσει",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Σβήνω",
     "turn_on": "Ανάβω",
     "undo": "Ξεκάνω",
@@ -93,11 +93,11 @@
     "generate_token": "Δημιουργήστε το διακριτικό",
     "include_in_url": "Συμπερίληψη στη διεύθυνση URL",
     "learn": "Μάθε πως",
+    "pass_key_by": "Pass by",
     "password": "Κωδικός πρόσβασης",
     "token": "Ενδειξη",
     "type": "Τύπος εξουσιοδότησης",
-    "username": "Όνομα χρήστη",
-    "pass_key_by": "Pass by"
+    "username": "Όνομα χρήστη"
   },
   "collection": {
     "created": "Η συλλογή δημιουργήθηκε",
@@ -426,6 +426,13 @@
       "save_to_collections": "Αποθήκευση στις Συλλογές",
       "send_request": "Στείλε αίτημα",
       "title": "Αίτηση"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/en.json

@@ -29,9 +29,9 @@
     "send": "Send",
     "start": "Start",
     "stop": "Stop",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Turn off",
     "turn_on": "Turn on",
     "undo": "Undo",
@@ -93,11 +93,11 @@
     "generate_token": "Generate Token",
     "include_in_url": "Include in URL",
     "learn": "Learn how",
+    "pass_key_by": "Pass by",
     "password": "Password",
     "token": "Token",
     "type": "Authorization Type",
-    "username": "Username",
-    "pass_key_by": "Pass by"
+    "username": "Username"
   },
   "collection": {
     "created": "Collection created",
@@ -426,6 +426,13 @@
       "save_to_collections": "Save to Collections",
       "send_request": "Send Request",
       "title": "Request"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/es.json

@@ -29,9 +29,9 @@
     "send": "Enviar",
     "start": "Empezar",
     "stop": "Detener",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Desactivar",
     "turn_on": "Activar",
     "undo": "Deshacer",
@@ -93,11 +93,11 @@
     "generate_token": "Generar token",
     "include_in_url": "Incluir en la URL",
     "learn": "Aprender",
+    "pass_key_by": "Pass by",
     "password": "Contraseña",
     "token": "Token",
     "type": "Tipo de autorización",
-    "username": "Nombre de usuario",
-    "pass_key_by": "Pass by"
+    "username": "Nombre de usuario"
   },
   "collection": {
     "created": "Colección creada",
@@ -426,6 +426,13 @@
       "save_to_collections": "Guardar en colecciones",
       "send_request": "Enviar petición",
       "title": "Petición"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/fi.json

@@ -29,9 +29,9 @@
     "send": "Lähettää",
     "start": "alkaa",
     "stop": "Lopettaa",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Sammuttaa",
     "turn_on": "Kiihottua",
     "undo": "Kumoa",
@@ -93,11 +93,11 @@
     "generate_token": "Luo tunnus",
     "include_in_url": "Sisällytä URL -osoitteeseen",
     "learn": "Opi kuinka",
+    "pass_key_by": "Pass by",
     "password": "Salasana",
     "token": "Token",
     "type": "Valtuustyyppi",
-    "username": "Käyttäjätunnus",
-    "pass_key_by": "Pass by"
+    "username": "Käyttäjätunnus"
   },
   "collection": {
     "created": "Kokoelma luotu",
@@ -426,6 +426,13 @@
       "save_to_collections": "Tallenna kokoelmiin",
       "send_request": "Lähetä pyyntö",
       "title": "Pyyntö"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/fr.json

@@ -29,9 +29,9 @@
     "send": "Envoyer",
     "start": "Démarrer",
     "stop": "Arrêter",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Éteindre",
     "turn_on": "Allumer",
     "undo": "Annuler",
@@ -93,11 +93,11 @@
     "generate_token": "Générer un jeton",
     "include_in_url": "Inclure dans l'URL",
     "learn": "Apprendre comment",
+    "pass_key_by": "Pass by",
     "password": "Mot de passe",
     "token": "Jeton",
     "type": "Type d'autorisation",
-    "username": "Nom d'utilisateur",
-    "pass_key_by": "Pass by"
+    "username": "Nom d'utilisateur"
   },
   "collection": {
     "created": "Collection créée",
@@ -426,6 +426,13 @@
       "save_to_collections": "Enregistrer dans les collections",
       "send_request": "Envoyer la requête",
       "title": "Requête"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/he.json

@@ -29,9 +29,9 @@
     "send": "לִשְׁלוֹחַ",
     "start": "הַתחָלָה",
     "stop": "תפסיק",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "לכבות",
     "turn_on": "להדליק",
     "undo": "לבטל",
@@ -93,11 +93,11 @@
     "generate_token": "צור אסימון",
     "include_in_url": "כלול בכתובת האתר",
     "learn": "ללמוד איך",
+    "pass_key_by": "Pass by",
     "password": "סיסמה",
     "token": "אֲסִימוֹן",
     "type": "סוג הרשאה",
-    "username": "שם משתמש",
-    "pass_key_by": "Pass by"
+    "username": "שם משתמש"
   },
   "collection": {
     "created": "אוסף נוצר",
@@ -426,6 +426,13 @@
       "save_to_collections": "שמור באוספים",
       "send_request": "שלח בקשה",
       "title": "בַּקָשָׁה"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/hu.json

@@ -29,9 +29,9 @@
     "send": "Küld",
     "start": "Rajt",
     "stop": "Álljon meg",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Kikapcsolni",
     "turn_on": "Bekapcsol",
     "undo": "Visszavonás",
@@ -93,11 +93,11 @@
     "generate_token": "Token generálása",
     "include_in_url": "Belefoglalás az URL -be",
     "learn": "Megtanulják, hogyan",
+    "pass_key_by": "Pass by",
     "password": "Jelszó",
     "token": "Jelképes",
     "type": "Engedélyezés típusa",
-    "username": "Felhasználónév",
-    "pass_key_by": "Pass by"
+    "username": "Felhasználónév"
   },
   "collection": {
     "created": "Gyűjtemény létrehozva",
@@ -426,6 +426,13 @@
       "save_to_collections": "Mentés a Gyűjtemények közé",
       "send_request": "Felkérést küld",
       "title": "Kérés"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/it.json

@@ -29,9 +29,9 @@
     "send": "Invia",
     "start": "Avvia",
     "stop": "Interrompi",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Spegni",
     "turn_on": "Accendi",
     "undo": "Annulla",
@@ -93,11 +93,11 @@
     "generate_token": "Genera token",
     "include_in_url": "Includi nell'URL",
     "learn": "Impara come",
+    "pass_key_by": "Pass by",
     "password": "Password",
     "token": "Token",
     "type": "Tipo di autorizzazione",
-    "username": "Nome utente",
-    "pass_key_by": "Pass by"
+    "username": "Nome utente"
   },
   "collection": {
     "created": "Raccolta creata",
@@ -426,6 +426,13 @@
       "save_to_collections": "Salva nelle raccolte",
       "send_request": "Invia richiesta",
       "title": "Richiesta"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/ja.json

@@ -29,9 +29,9 @@
     "send": "送信",
     "start": "始める",
     "stop": "ストップ",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "消す",
     "turn_on": "オンにする",
     "undo": "元に戻す",
@@ -93,11 +93,11 @@
     "generate_token": "トークンを生成する",
     "include_in_url": "URLに含める",
     "learn": "方法を学びます",
+    "pass_key_by": "Pass by",
     "password": "パスワード",
     "token": "トークン",
     "type": "承認タイプ",
-    "username": "ユーザー名",
-    "pass_key_by": "Pass by"
+    "username": "ユーザー名"
   },
   "collection": {
     "created": "コレクションが作成されました",
@@ -426,6 +426,13 @@
       "save_to_collections": "コレクションに保存",
       "send_request": "リクエストを送信",
       "title": "リクエスト"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/ko.json

@@ -29,9 +29,9 @@
     "send": "보내기",
     "start": "시작",
     "stop": "정지",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "끄기",
     "turn_on": "켜기",
     "undo": "실행 취소",
@@ -93,11 +93,11 @@
     "generate_token": "토큰 생성",
     "include_in_url": "URL에 포함",
     "learn": "어떻게하는지 배우기",
+    "pass_key_by": "Pass by",
     "password": "비밀번호",
     "token": "토큰",
     "type": "인증 유형",
-    "username": "사용자 이름",
-    "pass_key_by": "Pass by"
+    "username": "사용자 이름"
   },
   "collection": {
     "created": "모음집 생성됨",
@@ -426,6 +426,13 @@
       "save_to_collections": "모음집에 저장",
       "send_request": "요청 보내기",
       "title": "리퀘스트"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/nl.json

@@ -29,9 +29,9 @@
     "send": "Versturen",
     "start": "Begin",
     "stop": "Stop",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Uitschakelen",
     "turn_on": "Inschakelen",
     "undo": "Ongedaan maken",
@@ -93,11 +93,11 @@
     "generate_token": "Token genereren",
     "include_in_url": "Opnemen in URL",
     "learn": "Leren hoe",
+    "pass_key_by": "Pass by",
     "password": "Wachtwoord",
     "token": "token",
     "type": "Autorisatietype:",
-    "username": "Gebruikersnaam",
-    "pass_key_by": "Pass by"
+    "username": "Gebruikersnaam"
   },
   "collection": {
     "created": "Collectie gemaakt",
@@ -426,6 +426,13 @@
       "save_to_collections": "Opslaan in collecties",
       "send_request": "Verstuur verzoek",
       "title": "Verzoek"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/no.json

@@ -29,9 +29,9 @@
     "send": "Sende",
     "start": "Start",
     "stop": "Stoppe",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Skru av",
     "turn_on": "Slå på",
     "undo": "Angre",
@@ -93,11 +93,11 @@
     "generate_token": "Generer nøkkel",
     "include_in_url": "Inkluder i URL",
     "learn": "Lær hvordan",
+    "pass_key_by": "Pass by",
     "password": "Passord",
     "token": "Nøkkel",
     "type": "Godkjenningstype",
-    "username": "Brukernavn",
-    "pass_key_by": "Pass by"
+    "username": "Brukernavn"
   },
   "collection": {
     "created": "Samlingen er opprettet",
@@ -426,6 +426,13 @@
       "save_to_collections": "Lagre i samlinger",
       "send_request": "Send forespørsel",
       "title": "Be om"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/pl.json

@@ -29,9 +29,9 @@
     "send": "Wyślij",
     "start": "Rozpocznij",
     "stop": "Zatrzymaj",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Wyłącz",
     "turn_on": "Włącz",
     "undo": "Cofnij",
@@ -93,11 +93,11 @@
     "generate_token": "Wygeneruj token",
     "include_in_url": "Uwzględnij w adresie URL",
     "learn": "Naucz się jak",
+    "pass_key_by": "Pass by",
     "password": "Hasło",
     "token": "Token",
     "type": "Typ autoryzacji",
-    "username": "Nazwa użytkownika",
-    "pass_key_by": "Pass by"
+    "username": "Nazwa użytkownika"
   },
   "collection": {
     "created": "Utworzono kolekcję",
@@ -426,6 +426,13 @@
       "save_to_collections": "Zapisz w kolekcjach",
       "send_request": "Wyślij żądanie",
       "title": "Żądania"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/pt-br.json

@@ -29,9 +29,9 @@
     "send": "Mandar",
     "start": "Começar",
     "stop": "Pare",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Desligar",
     "turn_on": "Ligar",
     "undo": "Desfazer",
@@ -93,11 +93,11 @@
     "generate_token": "Gerar token",
     "include_in_url": "Incluir no URL",
     "learn": "Aprenda como",
+    "pass_key_by": "Pass by",
     "password": "Senha",
     "token": "Símbolo",
     "type": "Tipo de Autorização",
-    "username": "Nome do usuário",
-    "pass_key_by": "Pass by"
+    "username": "Nome do usuário"
   },
   "collection": {
     "created": "Coleção criada",
@@ -426,6 +426,13 @@
       "save_to_collections": "Salvar em coleções",
       "send_request": "Enviar pedido",
       "title": "Solicitar"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/pt.json

@@ -29,9 +29,9 @@
     "send": "Mandar",
     "start": "Começar",
     "stop": "Pare",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Desligar",
     "turn_on": "Ligar",
     "undo": "Desfazer",
@@ -93,11 +93,11 @@
     "generate_token": "Gerar token",
     "include_in_url": "Incluir no URL",
     "learn": "Aprenda como",
+    "pass_key_by": "Pass by",
     "password": "Senha",
     "token": "Símbolo",
     "type": "Tipo de Autorização",
-    "username": "Nome do usuário",
-    "pass_key_by": "Pass by"
+    "username": "Nome do usuário"
   },
   "collection": {
     "created": "Coleção criada",
@@ -426,6 +426,13 @@
       "save_to_collections": "Salvar em coleções",
       "send_request": "Enviar pedido",
       "title": "Solicitar"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/ro.json

@@ -29,9 +29,9 @@
     "send": "Trimite",
     "start": "start",
     "stop": "Stop",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Opriți",
     "turn_on": "Aprinde",
     "undo": "Anula",
@@ -93,11 +93,11 @@
     "generate_token": "Generați token",
     "include_in_url": "Includeți în URL",
     "learn": "Afla cum",
+    "pass_key_by": "Pass by",
     "password": "Parola",
     "token": "Jeton",
     "type": "Tipul de autorizare",
-    "username": "Nume de utilizator",
-    "pass_key_by": "Pass by"
+    "username": "Nume de utilizator"
   },
   "collection": {
     "created": "Colecție creată",
@@ -426,6 +426,13 @@
       "save_to_collections": "Salvați în colecții",
       "send_request": "Trimite cerere",
       "title": "Cerere"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/ru.json

@@ -29,9 +29,9 @@
     "send": "Отправить",
     "start": "Начать",
     "stop": "Стоп",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Выключить",
     "turn_on": "Включить",
     "undo": "Отменить",
@@ -93,11 +93,11 @@
     "generate_token": "Сгенерировать токен",
     "include_in_url": "Добавить в URL",
     "learn": "Узнать больше",
+    "pass_key_by": "Pass by",
     "password": "Пароль",
     "token": "Токен",
     "type": "Метод авторизации",
-    "username": "Имя пользователя",
-    "pass_key_by": "Pass by"
+    "username": "Имя пользователя"
   },
   "collection": {
     "created": "Коллекция создана",
@@ -426,6 +426,13 @@
       "save_to_collections": "Сохранить в коллекции",
       "send_request": "Послать запрос",
       "title": "Запрос"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/sr.json

@@ -29,9 +29,9 @@
     "send": "Пошаљи",
     "start": "Почетак",
     "stop": "Зауставити",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Искључити",
     "turn_on": "Укључити",
     "undo": "Поништи",
@@ -93,11 +93,11 @@
     "generate_token": "Генериши токен",
     "include_in_url": "Укључи у УРЛ",
     "learn": "Научите како",
+    "pass_key_by": "Pass by",
     "password": "Лозинка",
     "token": "Токен",
     "type": "Врста овлашћења",
-    "username": "Корисничко име",
-    "pass_key_by": "Pass by"
+    "username": "Корисничко име"
   },
   "collection": {
     "created": "Колекција је направљена",
@@ -426,6 +426,13 @@
       "save_to_collections": "Сачувај у збирке",
       "send_request": "Пошаљите упит",
       "title": "Захтев"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/sv.json

@@ -29,9 +29,9 @@
     "send": "Skicka",
     "start": "Start",
     "stop": "Sluta",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Stäng av",
     "turn_on": "Sätta på",
     "undo": "Ångra",
@@ -93,11 +93,11 @@
     "generate_token": "Generera Token",
     "include_in_url": "Inkludera i URL",
     "learn": "Lära sig hur",
+    "pass_key_by": "Pass by",
     "password": "Lösenord",
     "token": "Tecken",
     "type": "Godkännande typ",
-    "username": "Användarnamn",
-    "pass_key_by": "Pass by"
+    "username": "Användarnamn"
   },
   "collection": {
     "created": "Samlingen skapad",
@@ -183,8 +183,8 @@
     "json_prettify_invalid_body": "Det gick inte att pryda en ogiltig kropp, lösa json -syntaxfel och försök igen",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Det gick inte att skicka förfrågan",
-    "script_fail": "Det gick inte att köra skriptet för förhandsbegäran",
     "no_duration": "Ingen varaktighet",
+    "script_fail": "Det gick inte att köra skriptet för förhandsbegäran",
     "something_went_wrong": "Något gick fel"
   },
   "export": {
@@ -215,11 +215,11 @@
     "authorization": "Auktoriseringsrubriken genereras automatiskt när du skickar begäran.",
     "generate_documentation_first": "Skapa dokumentation först",
     "network_fail": "Det gick inte att nå API -slutpunkten. Kontrollera din nätverksanslutning och försök igen.",
-    "script_fail": "Det verkar finnas ett fel i skriptet för förhandsbegäran. Kontrollera felet nedan och fixa skriptet därefter.",
     "offline": "Du verkar vara offline. Data i denna arbetsyta är kanske inte uppdaterad.",
     "offline_short": "Du verkar vara offline.",
     "post_request_tests": "Testskript skrivs i JavaScript och körs efter att svaret har mottagits.",
     "pre_request_script": "Skript för förfrågan skrivs i JavaScript och körs innan begäran skickas.",
+    "script_fail": "Det verkar finnas ett fel i skriptet för förhandsbegäran. Kontrollera felet nedan och fixa skriptet därefter.",
     "tests": "Skriv ett testskript för att automatisera felsökning."
   },
   "hide": {
@@ -278,6 +278,7 @@
     "app_settings": "App Settings",
     "editor": "Editor",
     "editor_description": "Editors can add, edit, and delete requests.",
+    "email_verification_mail": "A verification email has been sent to your email address. Please click on the link to verify your email address.",
     "no_permission": "You do not have permission to perform this action.",
     "owner": "Owner",
     "owner_description": "Owners can add, edit, and delete requests, collections and team members.",
@@ -365,6 +366,7 @@
     "official_proxy_hosting": "Officiell proxy är värd av Hoppscotch.",
     "profile": "Profile",
     "profile_description": "Update your profile details",
+    "profile_email": "Email address",
     "profile_name": "Profile name",
     "proxy": "Ombud",
     "proxy_url": "Proxy -URL",
@@ -383,7 +385,8 @@
     "theme": "Tema",
     "theme_description": "Anpassa ditt applikationstema.",
     "use_experimental_url_bar": "Använd experimentell URL -fält med miljömarkering",
-    "user": "Användare"
+    "user": "Användare",
+    "verify_email": "Verify email"
   },
   "shortcut": {
     "general": {
@@ -423,6 +426,13 @@
       "save_to_collections": "Spara i samlingar",
       "send_request": "Skicka förfrågan",
       "title": "Begäran"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/tr.json

@@ -29,9 +29,9 @@
     "send": "Gönder",
     "start": "Başla",
     "stop": "Dur",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Kapat",
     "turn_on": "Aç",
     "undo": "Geri al",
@@ -93,11 +93,11 @@
     "generate_token": "Jeton Oluştur",
     "include_in_url": "URL'ye dahil et",
     "learn": "Nasıl öğrenilir",
+    "pass_key_by": "Pass by",
     "password": "Parola",
     "token": "Jeton",
     "type": "Yetki Türü",
-    "username": "Kullanıcı adı",
-    "pass_key_by": "Pass by"
+    "username": "Kullanıcı adı"
   },
   "collection": {
     "created": "Koleksiyon oluşturuldu",
@@ -426,6 +426,13 @@
       "save_to_collections": "Koleksiyonlara Kaydet",
       "send_request": "İstek gönder",
       "title": "İstek"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/tw.json

@@ -29,9 +29,9 @@
     "send": "傳送",
     "start": "開始",
     "stop": "停止",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "關閉",
     "turn_on": "開啟",
     "undo": "復原",
@@ -93,11 +93,11 @@
     "generate_token": "產生權杖",
     "include_in_url": "包含在網址",
     "learn": "瞭解更多",
+    "pass_key_by": "Pass by",
     "password": "密碼",
     "token": "權杖",
     "type": "授權類型",
-    "username": "使用者名稱",
-    "pass_key_by": "Pass by"
+    "username": "使用者名稱"
   },
   "collection": {
     "created": "組合已建立",
@@ -183,8 +183,8 @@
     "json_prettify_invalid_body": "無法美化無效的請求主體，處理 JSON 語法錯誤並重試",
     "network_error": "似乎有網路錯誤。請再試一次。",
     "network_fail": "無法傳送請求",
-    "script_fail": "Could not execute pre-request script",
     "no_duration": "無持續時間",
+    "script_fail": "Could not execute pre-request script",
     "something_went_wrong": "發生了一些錯誤"
   },
   "export": {
@@ -215,11 +215,11 @@
     "authorization": "授權標頭將會在您傳送請求時自動產生。",
     "generate_documentation_first": "請先產生文件",
     "network_fail": "無法到達 API 端點。請檢查網路連線並重試。",
-    "script_fail": "It seems there is a glitch in the pre-request script. Check the error below and fix the script accordingly.",
     "offline": "您似乎處於離線狀態，該工作區中的資料可能不是最新。",
     "offline_short": "您似乎處於離線狀態。",
     "post_request_tests": "測試指令碼使用 JavaScript 編寫，並在收到回應後執行。",
     "pre_request_script": "預請求指令碼使用 JavaScript 編寫，並在請求傳送前執行。",
+    "script_fail": "It seems there is a glitch in the pre-request script. Check the error below and fix the script accordingly.",
     "tests": "編寫測試指令碼以自動除錯。"
   },
   "hide": {
@@ -278,6 +278,7 @@
     "app_settings": "應用程式設定",
     "editor": "編輯者",
     "editor_description": "編輯者可以新增、編輯和刪除請求。",
+    "email_verification_mail": "A verification email has been sent to your email address. Please click on the link to verify your email address.",
     "no_permission": "您沒有權限執行此操作。",
     "owner": "擁有者",
     "owner_description": "擁有者可以新增、編輯和刪除請求、組合和團隊成員。",
@@ -365,6 +366,7 @@
     "official_proxy_hosting": "官方代理由 Hoppscotch 託管。",
     "profile": "設定檔",
     "profile_description": "更新您的設定檔詳細資料",
+    "profile_email": "Email address",
     "profile_name": "設定檔名稱",
     "proxy": "網路代理",
     "proxy_url": "代理網址",
@@ -383,7 +385,8 @@
     "theme": "主題",
     "theme_description": "自定義您的應用程式主題。",
     "use_experimental_url_bar": "使用帶有環境高亮的實驗性 URL 欄",
-    "user": "使用者"
+    "user": "使用者",
+    "verify_email": "Verify email"
   },
   "shortcut": {
     "general": {
@@ -423,6 +426,13 @@
       "save_to_collections": "儲存到組合",
       "send_request": "傳送請求",
       "title": "請求"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/uk.json

@@ -29,9 +29,9 @@
     "send": "Надіслати",
     "start": "Почати",
     "stop": "Стій",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Вимкнути",
     "turn_on": "Ввімкнути",
     "undo": "Скасувати",
@@ -93,11 +93,11 @@
     "generate_token": "Створіть маркер",
     "include_in_url": "Включити в URL",
     "learn": "Дізнайтесь, як",
+    "pass_key_by": "Pass by",
     "password": "Пароль",
     "token": "Токен",
     "type": "Тип авторизації",
-    "username": "Ім'я користувача",
-    "pass_key_by": "Pass by"
+    "username": "Ім'я користувача"
   },
   "collection": {
     "created": "Колекція створена",
@@ -426,6 +426,13 @@
       "save_to_collections": "Зберегти в колекції",
       "send_request": "Відправляти запит",
       "title": "Запит"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {

packages/hoppscotch-app/locales/vi.json

@@ -29,9 +29,9 @@
     "send": "Gửi",
     "start": "Bắt đầu",
     "stop": "Ngừng lại",
+    "to_close": "to close",
     "to_navigate": "to navigate",
     "to_select": "to select",
-    "to_close": "to close",
     "turn_off": "Tắt",
     "turn_on": "Bật",
     "undo": "Hoàn tác",
@@ -93,11 +93,11 @@
     "generate_token": "Tạo mã thông báo",
     "include_in_url": "Bao gồm trong URL",
     "learn": "Học cách",
+    "pass_key_by": "Pass by",
     "password": "Mật khẩu",
     "token": "Mã thông báo",
     "type": "Loại ủy quyền",
-    "username": "tên tài khoản",
-    "pass_key_by": "Pass by"
+    "username": "tên tài khoản"
   },
   "collection": {
     "created": "Bộ sưu tập đã được tạo",
@@ -426,6 +426,13 @@
       "save_to_collections": "Lưu vào Bộ sưu tập",
       "send_request": "Gửi yêu cầu",
       "title": "Yêu cầu"
+    },
+    "theme": {
+      "black": "Black theme",
+      "dark": "Dark theme",
+      "light": "Light theme",
+      "system": "System theme",
+      "title": "Theme"
     }
   },
   "show": {