Translations and css improvements

src/components/iframe/IframeHeader.tsx

@@ -98,7 +98,7 @@ export function IframeHeader(props: { url: string }) {
     <div>
       <div
         id="iframeNav"
-        className="flex h-16 flex-row items-center justify-between gap-3 bg-navbar-color px-4"
+        className="flex h-16 flex-row items-center justify-between gap-3 bg-navbar-color px-4 border-b-2 border-border-color"
       >
         <div className="w-1/8">
           <div className="flex flex-row items-center">

src/locales/en.json

@@ -79,6 +79,7 @@
   "comingsoon": "Coming soon!",
   "themes": {
     "main": "Main",
+    "hacker": "Hacker",
     "catppuccinMocha": "Catppuccin Mocha",
     "catppuccinMacchiato": "Catppuccin Macchiato",
     "catppuccinFrappe": "Catppuccin Frappe",

src/locales/es.json

@@ -78,6 +78,7 @@
   "comingsoon": "¡Próximamente!",
   "themes": {
     "main": "Por defecto",
+    "hacker": "Hacker",
     "catppuccinMocha": "Catppuccin Mocha",
     "catppuccinMacchiato": "Catppuccin Macchiato",
     "catppuccinFrappe": "Catppuccin Frappe",

src/locales/ja.json

@@ -78,6 +78,7 @@
   "comingsoon": "近日公開",
   "themes": {
     "main": "デフォルト",
+    "hacker": "ハッカー",
     "catppuccinMocha": "Catppuccin Mocha",
     "catppuccinMacchiato": "Catppuccin Macchiato",
     "catppuccinFrappe": "Catppuccin Frappe",

src/pages/Settings/Customization.tsx

@@ -8,7 +8,7 @@ function Customization({ id, active }) {
 
   const themes = [
     { id: "main", label: t("themes.main") },
-    { id: "hacker", label: "Hacker" },
+    { id: "hacker", label: t("themes.hacker") },
     { id: "catppuccinMocha", label: t("themes.catppuccinMocha") },
     { id: "catppuccinMacchiato", label: t("themes.catppuccinMacchiato") },
     { id: "catppuccinFrappe", label: t("themes.catppuccinFrappe") },