updated styling and translations

_locales/de/messages.json

@@ -172,5 +172,131 @@
   },
   "next": {
     "message": "Nächste"
+  },
+  "duplicate": {
+    "message": "Duplizieren"
+  },
+  "merge": {
+    "message": "Zusammenführen"
+  },
+  "move": {
+    "message": "Verschieben"
+  },
+  "copy": {
+    "message": "Kopieren"
+  },
+  "merge_lists_min_two": {
+    "message": "Wählen Sie mindestens zwei Listen zum Zusammenführen aus."
+  },
+  "merge_lists_confirm": {
+    "message": "{count} Liste(n) in \"{target}\" zusammenführen? Quelllisten werden entfernt."
+  },
+  "delete_current_list": {
+    "message": "Aktuelle Liste löschen?"
+  },
+  "delete_lists_confirm": {
+    "message": "{count} ausgewählte Liste(n) löschen?"
+  },
+  "invalid_import_format": {
+    "message": "Ungültiges Dateiformat. Bitte wählen Sie eine gültige Goose Highlighter-Exportdatei."
+  },
+  "import_failed": {
+    "message": "Import der Datei fehlgeschlagen. Bitte stellen Sie sicher, dass es sich um eine gültige JSON-Datei handelt."
+  },
+  "import_confirm": {
+    "message": "{count} Liste(n) mit insgesamt {words} Wort/Wörtern importieren?"
+  },
+  "import_success": {
+    "message": "{count} Liste(n) mit {words} Wort/Wörtern erfolgreich importiert."
+  },
+  "preview_label": {
+    "message": "Vorschau"
+  },
+  "preview_text": {
+    "message": "So wird Ihr hervorgehobener Text angezeigt."
+  },
+  "preview_text_before": {
+    "message": "So wird Ihr"
+  },
+  "preview_text_highlight": {
+    "message": "hervorgehobener Text"
+  },
+  "preview_text_after": {
+    "message": "angezeigt."
+  },
+  "enable_highlighting_title": {
+    "message": "Hervorhebung aktivieren"
+  },
+  "enable_highlighting_subtitle": {
+    "message": "Hervorhebungen auf Seiten anzeigen"
+  },
+  "manage_lists": {
+    "message": "Listen verwalten"
+  },
+  "background_label": {
+    "message": "Hintergrund"
+  },
+  "foreground_label": {
+    "message": "Vordergrund"
+  },
+  "multi_select_hint": {
+    "message": "Klicken zum Auswählen • Strg/Cmd+Klick für Mehrfachauswahl"
+  },
+  "dark_mode_title": {
+    "message": "Dunkelmodus"
+  },
+  "dark_mode_subtitle": {
+    "message": "Zwischen hellem und dunklem Design wechseln"
+  },
+  "list_manager_title": {
+    "message": "Listenverwaltung"
+  },
+  "words_label": {
+    "message": "Wörter"
+  },
+  "active_label": {
+    "message": "aktiv"
+  },
+  "inactive_label": {
+    "message": "inaktiv"
+  },
+  "drag_words_hint": {
+    "message": "Klicken zum Auswählen • Strg/Cmd+Klick für Mehrfachauswahl • Wörter zu Listen ziehen zum Kopieren"
+  },
+  "drag_lists_hint": {
+    "message": "Listen ziehen zum Neuordnen • Strg+Klick für Mehrfachauswahl"
+  },
+  "showing_items": {
+    "message": "Zeige {start}-{end} von {total} Wörtern"
+  },
+  "items_per_page": {
+    "message": "Elemente pro Seite:"
+  },
+  "page_info": {
+    "message": "Seite {current} von {total}"
+  },
+  "toggle_active": {
+    "message": "Aktiv umschalten"
+  },
+  "rename_list_title": {
+    "message": "Liste umbenennen"
+  },
+  "new_list_title": {
+    "message": "Neue Liste"
+  },
+  "delete_list_title": {
+    "message": "Liste löschen"
+  },
+  "list_active_badge": {
+    "message": "Aktiv"
+  },
+  "list_paused_badge": {
+    "message": "Pausiert"
+  },
+  "words_stats": {
+    "message": "{total} Wörter • {active} aktiv • {inactive} inaktiv"
+  },
+  "rename_list": {
+    "message": "Liste umbenennen"
   }
 }

_locales/en/messages.json

@@ -178,5 +178,161 @@
   },
   "next": {
     "message": "Next"
+  },
+  "duplicate": {
+    "message": "Duplicate"
+  },
+  "merge": {
+    "message": "Merge"
+  },
+  "move": {
+    "message": "Move"
+  },
+  "copy": {
+    "message": "Copy"
+  },
+  "merge_lists_min_two": {
+    "message": "Select at least two lists to merge."
+  },
+  "merge_lists_confirm": {
+    "message": "Merge {count} list(s) into \"{target}\"? Source lists will be removed."
+  },
+  "delete_current_list": {
+    "message": "Delete current list?"
+  },
+  "delete_lists_confirm": {
+    "message": "Delete {count} selected list(s)?"
+  },
+  "invalid_import_format": {
+    "message": "Invalid file format. Please select a valid Goose Highlighter export file."
+  },
+  "import_failed": {
+    "message": "Failed to import file. Please ensure it is a valid JSON file."
+  },
+  "import_confirm": {
+    "message": "Import {count} list(s) with {words} total word(s)?"
+  },
+  "import_success": {
+    "message": "Successfully imported {count} list(s) with {words} word(s)."
+  },
+  "preview_label": {
+    "message": "Preview"
+  },
+  "preview_text": {
+    "message": "This is how your highlighted text will appear."
+  },
+  "preview_text_before": {
+    "message": "This is how your"
+  },
+  "preview_text_highlight": {
+    "message": "highlighted text"
+  },
+  "preview_text_after": {
+    "message": "will appear."
+  },
+  "enable_highlighting_title": {
+    "message": "Enable Highlighting"
+  },
+  "enable_highlighting_subtitle": {
+    "message": "Show highlights on pages"
+  },
+  "manage_lists": {
+    "message": "Manage Lists"
+  },
+  "background_label": {
+    "message": "Background"
+  },
+  "foreground_label": {
+    "message": "Foreground"
+  },
+  "multi_select_hint": {
+    "message": "Click to select • Ctrl/Cmd+Click for multi-select"
+  },
+  "dark_mode_title": {
+    "message": "Dark Mode"
+  },
+  "dark_mode_subtitle": {
+    "message": "Toggle dark/light theme"
+  },
+  "list_manager_title": {
+    "message": "List Manager"
+  },
+  "words_label": {
+    "message": "words"
+  },
+  "active_label": {
+    "message": "active"
+  },
+  "inactive_label": {
+    "message": "inactive"
+  },
+  "drag_words_hint": {
+    "message": "Click to select • Ctrl/Cmd+Click for multi-select • Drag words to lists to copy"
+  },
+  "drag_lists_hint": {
+    "message": "Drag lists to reorder • Ctrl+Click for multi-select"
+  },
+  "showing_items": {
+    "message": "Showing {start}-{end} of {total} words"
+  },
+  "items_per_page": {
+    "message": "Items per page:"
+  },
+  "page_info": {
+    "message": "Page {current} of {total}"
+  },
+  "toggle_active": {
+    "message": "toggle active"
+  },
+  "rename_list_title": {
+    "message": "Rename list"
+  },
+  "new_list_title": {
+    "message": "New list"
+  },
+  "delete_list_title": {
+    "message": "Delete list"
+  },
+  "list_active_badge": {
+    "message": "Active"
+  },
+  "list_paused_badge": {
+    "message": "Paused"
+  },
+  "words_stats": {
+    "message": "{total} words • {active} active • {inactive} inactive"
+  },
+  "rename_list": {
+    "message": "Rename List"
+  },
+  "no_words_in_list": {
+    "message": "No words in this list."
+  },
+  "edit_word": {
+    "message": "Edit word"
+  },
+  "first_page": {
+    "message": "First page"
+  },
+  "previous_page": {
+    "message": "Previous page"
+  },
+  "next_page": {
+    "message": "Next page"
+  },
+  "last_page": {
+    "message": "Last page"
+  },
+  "enter_list_name": {
+    "message": "Enter list name:"
+  },
+  "cannot_delete_last_list": {
+    "message": "Cannot delete the last list"
+  },
+  "edit_list_name_and_colors_title": {
+    "message": "Edit list name and colors"
+  },
+  "close": {
+    "message": "Close"
   }
 }

_locales/es/messages.json

@@ -178,5 +178,131 @@
   },
   "next": {
     "message": "Siguiente"
+  },
+  "duplicate": {
+    "message": "Duplicar"
+  },
+  "merge": {
+    "message": "Combinar"
+  },
+  "move": {
+    "message": "Mover"
+  },
+  "copy": {
+    "message": "Copiar"
+  },
+  "merge_lists_min_two": {
+    "message": "Seleccione al menos dos listas para combinar."
+  },
+  "merge_lists_confirm": {
+    "message": "¿Combinar {count} lista(s) en \"{target}\"? Las listas de origen se eliminarán."
+  },
+  "delete_current_list": {
+    "message": "¿Eliminar la lista actual?"
+  },
+  "delete_lists_confirm": {
+    "message": "¿Eliminar {count} lista(s) seleccionada(s)?"
+  },
+  "invalid_import_format": {
+    "message": "Formato de archivo no válido. Seleccione un archivo de exportación válido de Goose Highlighter."
+  },
+  "import_failed": {
+    "message": "Error al importar el archivo. Asegúrese de que sea un archivo JSON válido."
+  },
+  "import_confirm": {
+    "message": "¿Importar {count} lista(s) con {words} palabra(s) en total?"
+  },
+  "import_success": {
+    "message": "Se importaron correctamente {count} lista(s) con {words} palabra(s)."
+  },
+  "preview_label": {
+    "message": "Vista previa"
+  },
+  "preview_text": {
+    "message": "Así es como aparecerá su texto resaltado."
+  },
+  "preview_text_before": {
+    "message": "Así es como aparecerá su"
+  },
+  "preview_text_highlight": {
+    "message": "texto resaltado"
+  },
+  "preview_text_after": {
+    "message": "."
+  },
+  "enable_highlighting_title": {
+    "message": "Activar resaltado"
+  },
+  "enable_highlighting_subtitle": {
+    "message": "Mostrar resaltados en páginas"
+  },
+  "manage_lists": {
+    "message": "Gestionar listas"
+  },
+  "background_label": {
+    "message": "Fondo"
+  },
+  "foreground_label": {
+    "message": "Texto"
+  },
+  "multi_select_hint": {
+    "message": "Clic para seleccionar • Ctrl/Cmd+Clic para selección múltiple"
+  },
+  "dark_mode_title": {
+    "message": "Modo oscuro"
+  },
+  "dark_mode_subtitle": {
+    "message": "Alternar tema claro/oscuro"
+  },
+  "list_manager_title": {
+    "message": "Gestor de listas"
+  },
+  "words_label": {
+    "message": "palabras"
+  },
+  "active_label": {
+    "message": "activo"
+  },
+  "inactive_label": {
+    "message": "inactivo"
+  },
+  "drag_words_hint": {
+    "message": "Clic para seleccionar • Ctrl/Cmd+Clic para selección múltiple • Arrastrar palabras a listas para copiar"
+  },
+  "drag_lists_hint": {
+    "message": "Arrastrar listas para reordenar • Ctrl+Clic para selección múltiple"
+  },
+  "showing_items": {
+    "message": "Mostrando {start}-{end} de {total} palabras"
+  },
+  "items_per_page": {
+    "message": "Elementos por página:"
+  },
+  "page_info": {
+    "message": "Página {current} de {total}"
+  },
+  "toggle_active": {
+    "message": "alternar activo"
+  },
+  "rename_list_title": {
+    "message": "Renombrar lista"
+  },
+  "new_list_title": {
+    "message": "Nueva lista"
+  },
+  "delete_list_title": {
+    "message": "Eliminar lista"
+  },
+  "list_active_badge": {
+    "message": "Activo"
+  },
+  "list_paused_badge": {
+    "message": "Pausado"
+  },
+  "words_stats": {
+    "message": "{total} palabras • {active} activas • {inactive} inactivas"
+  },
+  "rename_list": {
+    "message": "Renombrar lista"
   }
 }

_locales/fr/messages.json

@@ -178,5 +178,131 @@
     },
     "next": {
         "message": "Suivant"
+    },
+    "duplicate": {
+        "message": "Dupliquer"
+    },
+    "merge": {
+        "message": "Fusionner"
+    },
+    "move": {
+        "message": "Déplacer"
+    },
+    "copy": {
+        "message": "Copier"
+    },
+    "merge_lists_min_two": {
+        "message": "Sélectionnez au moins deux listes à fusionner."
+    },
+    "merge_lists_confirm": {
+        "message": "Fusionner {count} liste(s) dans \"{target}\" ? Les listes sources seront supprimées."
+    },
+    "delete_current_list": {
+        "message": "Supprimer la liste actuelle ?"
+    },
+    "delete_lists_confirm": {
+        "message": "Supprimer {count} liste(s) sélectionnée(s) ?"
+    },
+    "invalid_import_format": {
+        "message": "Format de fichier invalide. Veuillez sélectionner un fichier d'exportation Goose Highlighter valide."
+    },
+    "import_failed": {
+        "message": "Échec de l'importation du fichier. Veuillez vous assurer qu'il s'agit d'un fichier JSON valide."
+    },
+    "import_confirm": {
+        "message": "Importer {count} liste(s) avec {words} mot(s) au total ?"
+    },
+    "import_success": {
+        "message": "{count} liste(s) avec {words} mot(s) importée(s) avec succès."
+    },
+    "preview_label": {
+        "message": "Aperçu"
+    },
+    "preview_text": {
+        "message": "Voici comment votre texte surligné apparaîtra."
+    },
+    "preview_text_before": {
+        "message": "Voici comment votre"
+    },
+    "preview_text_highlight": {
+        "message": "texte surligné"
+    },
+    "preview_text_after": {
+        "message": "apparaîtra."
+    },
+    "enable_highlighting_title": {
+        "message": "Activer la surbrillance"
+    },
+    "enable_highlighting_subtitle": {
+        "message": "Afficher les surlignages sur les pages"
+    },
+    "manage_lists": {
+        "message": "Gérer les listes"
+    },
+    "background_label": {
+        "message": "Arrière-plan"
+    },
+    "foreground_label": {
+        "message": "Texte"
+    },
+    "multi_select_hint": {
+        "message": "Cliquer pour sélectionner • Ctrl/Cmd+Clic pour sélection multiple"
+    },
+    "dark_mode_title": {
+        "message": "Mode sombre"
+    },
+    "dark_mode_subtitle": {
+        "message": "Basculer entre thème clair/sombre"
+    },
+    "list_manager_title": {
+        "message": "Gestionnaire de listes"
+    },
+    "words_label": {
+        "message": "mots"
+    },
+    "active_label": {
+        "message": "actif"
+    },
+    "inactive_label": {
+        "message": "inactif"
+    },
+    "drag_words_hint": {
+        "message": "Cliquer pour sélectionner • Ctrl/Cmd+Clic pour sélection multiple • Glisser les mots vers les listes pour copier"
+    },
+    "drag_lists_hint": {
+        "message": "Glisser les listes pour réorganiser • Ctrl+Clic pour sélection multiple"
+    },
+    "showing_items": {
+        "message": "Affichage de {start}-{end} sur {total} mots"
+    },
+    "items_per_page": {
+        "message": "Éléments par page :"
+    },
+    "page_info": {
+        "message": "Page {current} sur {total}"
+    },
+    "toggle_active": {
+        "message": "basculer actif"
+    },
+    "rename_list_title": {
+        "message": "Renommer la liste"
+    },
+    "new_list_title": {
+        "message": "Nouvelle liste"
+    },
+    "delete_list_title": {
+        "message": "Supprimer la liste"
+    },
+    "list_active_badge": {
+        "message": "Actif"
+    },
+    "list_paused_badge": {
+        "message": "En pause"
+    },
+    "words_stats": {
+        "message": "{total} mots • {active} actifs • {inactive} inactifs"
+    },
+    "rename_list": {
+        "message": "Renommer la liste"
     }
 }

_locales/hi/messages.json

@@ -178,5 +178,131 @@
     },
     "next": {
         "message": "अगला"
+    },
+    "duplicate": {
+        "message": "डुप्लिकेट"
+    },
+    "merge": {
+        "message": "मर्ज करें"
+    },
+    "move": {
+        "message": "स्थानांतरित करें"
+    },
+    "copy": {
+        "message": "कॉपी करें"
+    },
+    "merge_lists_min_two": {
+        "message": "मर्ज करने के लिए कम से कम दो सूचियाँ चुनें।"
+    },
+    "merge_lists_confirm": {
+        "message": "{count} सूची(याँ) को \"{target}\" में मर्ज करें? स्रोत सूचियाँ हटा दी जाएंगी।"
+    },
+    "delete_current_list": {
+        "message": "वर्तमान सूची हटाएं?"
+    },
+    "delete_lists_confirm": {
+        "message": "{count} चयनित सूची(याँ) हटाएं?"
+    },
+    "invalid_import_format": {
+        "message": "अमान्य फ़ाइल प्रारूप। कृपया एक मान्य Goose Highlighter निर्यात फ़ाइल चुनें।"
+    },
+    "import_failed": {
+        "message": "फ़ाइल आयात करने में विफल। कृपया सुनिश्चित करें कि यह एक मान्य JSON फ़ाइल है।"
+    },
+    "import_confirm": {
+        "message": "कुल {words} शब्द(ों) के साथ {count} सूची(याँ) आयात करें?"
+    },
+    "import_success": {
+        "message": "{words} शब्द(ों) के साथ {count} सूची(याँ) सफलतापूर्वक आयात की गईं।"
+    },
+    "preview_label": {
+        "message": "पूर्वावलोकन"
+    },
+    "preview_text": {
+        "message": "आपका हाइलाइट किया गया टेक्स्ट इस तरह दिखाई देगा।"
+    },
+    "preview_text_before": {
+        "message": "आपका"
+    },
+    "preview_text_highlight": {
+        "message": "हाइलाइट किया गया टेक्स्ट"
+    },
+    "preview_text_after": {
+        "message": "इस तरह दिखाई देगा।"
+    },
+    "enable_highlighting_title": {
+        "message": "हाइलाइटिंग सक्षम करें"
+    },
+    "enable_highlighting_subtitle": {
+        "message": "पृष्ठों पर हाइलाइट दिखाएं"
+    },
+    "manage_lists": {
+        "message": "सूचियाँ प्रबंधित करें"
+    },
+    "background_label": {
+        "message": "पृष्ठभूमि"
+    },
+    "foreground_label": {
+        "message": "अग्रभूमि"
+    },
+    "multi_select_hint": {
+        "message": "चुनने के लिए क्लिक करें • एकाधिक चयन के लिए Ctrl/Cmd+क्लिक"
+    },
+    "dark_mode_title": {
+        "message": "डार्क मोड"
+    },
+    "dark_mode_subtitle": {
+        "message": "हल्की/गहरी थीम टॉगल करें"
+    },
+    "list_manager_title": {
+        "message": "सूची प्रबंधक"
+    },
+    "words_label": {
+        "message": "शब्द"
+    },
+    "active_label": {
+        "message": "सक्रिय"
+    },
+    "inactive_label": {
+        "message": "निष्क्रिय"
+    },
+    "drag_words_hint": {
+        "message": "चुनने के लिए क्लिक करें • एकाधिक चयन के लिए Ctrl/Cmd+क्लिक • कॉपी करने के लिए शब्दों को सूचियों में खींचें"
+    },
+    "drag_lists_hint": {
+        "message": "पुनः क्रमित करने के लिए सूचियों को खींचें • एकाधिक चयन के लिए Ctrl+क्लिक"
+    },
+    "showing_items": {
+        "message": "{total} शब्दों में से {start}-{end} दिखा रहे हैं"
+    },
+    "items_per_page": {
+        "message": "प्रति पृष्ठ आइटम:"
+    },
+    "page_info": {
+        "message": "पृष्ठ {current} का {total}"
+    },
+    "toggle_active": {
+        "message": "सक्रिय टॉगल करें"
+    },
+    "rename_list_title": {
+        "message": "सूची का नाम बदलें"
+    },
+    "new_list_title": {
+        "message": "नई सूची"
+    },
+    "delete_list_title": {
+        "message": "सूची हटाएं"
+    },
+    "list_active_badge": {
+        "message": "सक्रिय"
+    },
+    "list_paused_badge": {
+        "message": "रोका गया"
+    },
+    "words_stats": {
+        "message": "{total} शब्द • {active} सक्रिय • {inactive} निष्क्रिय"
+    },
+    "rename_list": {
+        "message": "सूची का नाम बदलें"
     }
 }

_locales/it/messages.json

@@ -178,5 +178,131 @@
     },
     "next": {
         "message": "Successivo"
+    },
+    "duplicate": {
+        "message": "Duplica"
+    },
+    "merge": {
+        "message": "Unisci"
+    },
+    "move": {
+        "message": "Sposta"
+    },
+    "copy": {
+        "message": "Copia"
+    },
+    "merge_lists_min_two": {
+        "message": "Seleziona almeno due elenchi da unire."
+    },
+    "merge_lists_confirm": {
+        "message": "Unire {count} elenco/i in \"{target}\"? Gli elenchi di origine verranno rimossi."
+    },
+    "delete_current_list": {
+        "message": "Eliminare l'elenco corrente?"
+    },
+    "delete_lists_confirm": {
+        "message": "Eliminare {count} elenco/i selezionato/i?"
+    },
+    "invalid_import_format": {
+        "message": "Formato file non valido. Seleziona un file di esportazione Goose Highlighter valido."
+    },
+    "import_failed": {
+        "message": "Importazione del file non riuscita. Assicurati che sia un file JSON valido."
+    },
+    "import_confirm": {
+        "message": "Importare {count} elenco/i con {words} parola/e totali?"
+    },
+    "import_success": {
+        "message": "Importati con successo {count} elenco/i con {words} parola/e."
+    },
+    "preview_label": {
+        "message": "Anteprima"
+    },
+    "preview_text": {
+        "message": "Ecco come apparirà il tuo testo evidenziato."
+    },
+    "preview_text_before": {
+        "message": "Ecco come apparirà il tuo"
+    },
+    "preview_text_highlight": {
+        "message": "testo evidenziato"
+    },
+    "preview_text_after": {
+        "message": "."
+    },
+    "enable_highlighting_title": {
+        "message": "Abilita evidenziazione"
+    },
+    "enable_highlighting_subtitle": {
+        "message": "Mostra evidenziazioni sulle pagine"
+    },
+    "manage_lists": {
+        "message": "Gestisci elenchi"
+    },
+    "background_label": {
+        "message": "Sfondo"
+    },
+    "foreground_label": {
+        "message": "Testo"
+    },
+    "multi_select_hint": {
+        "message": "Clicca per selezionare • Ctrl/Cmd+Clic per selezione multipla"
+    },
+    "dark_mode_title": {
+        "message": "Modalità scura"
+    },
+    "dark_mode_subtitle": {
+        "message": "Passa tra tema chiaro/scuro"
+    },
+    "list_manager_title": {
+        "message": "Gestore elenchi"
+    },
+    "words_label": {
+        "message": "parole"
+    },
+    "active_label": {
+        "message": "attivo"
+    },
+    "inactive_label": {
+        "message": "inattivo"
+    },
+    "drag_words_hint": {
+        "message": "Clicca per selezionare • Ctrl/Cmd+Clic per selezione multipla • Trascina parole negli elenchi per copiare"
+    },
+    "drag_lists_hint": {
+        "message": "Trascina elenchi per riordinare • Ctrl+Clic per selezione multipla"
+    },
+    "showing_items": {
+        "message": "Visualizzazione di {start}-{end} su {total} parole"
+    },
+    "items_per_page": {
+        "message": "Elementi per pagina:"
+    },
+    "page_info": {
+        "message": "Pagina {current} di {total}"
+    },
+    "toggle_active": {
+        "message": "attiva/disattiva"
+    },
+    "rename_list_title": {
+        "message": "Rinomina elenco"
+    },
+    "new_list_title": {
+        "message": "Nuovo elenco"
+    },
+    "delete_list_title": {
+        "message": "Elimina elenco"
+    },
+    "list_active_badge": {
+        "message": "Attivo"
+    },
+    "list_paused_badge": {
+        "message": "In pausa"
+    },
+    "words_stats": {
+        "message": "{total} parole • {active} attive • {inactive} inattive"
+    },
+    "rename_list": {
+        "message": "Rinomina elenco"
     }
 }

_locales/ja/messages.json

@@ -178,5 +178,131 @@
     },
     "next": {
         "message": "次へ"
+    },
+    "duplicate": {
+        "message": "複製"
+    },
+    "merge": {
+        "message": "統合"
+    },
+    "move": {
+        "message": "移動"
+    },
+    "copy": {
+        "message": "コピー"
+    },
+    "merge_lists_min_two": {
+        "message": "統合するには少なくとも2つのリストを選択してください。"
+    },
+    "merge_lists_confirm": {
+        "message": "{count}個のリストを\"{target}\"に統合しますか？ソースリストは削除されます。"
+    },
+    "delete_current_list": {
+        "message": "現在のリストを削除しますか？"
+    },
+    "delete_lists_confirm": {
+        "message": "選択した{count}個のリストを削除しますか？"
+    },
+    "invalid_import_format": {
+        "message": "無効なファイル形式です。有効なGoose Highlighterエクスポートファイルを選択してください。"
+    },
+    "import_failed": {
+        "message": "ファイルのインポートに失敗しました。有効なJSONファイルであることを確認してください。"
+    },
+    "import_confirm": {
+        "message": "合計{words}個の単語を含む{count}個のリストをインポートしますか？"
+    },
+    "import_success": {
+        "message": "{words}個の単語を含む{count}個のリストを正常にインポートしました。"
+    },
+    "preview_label": {
+        "message": "プレビュー"
+    },
+    "preview_text": {
+        "message": "ハイライトされたテキストはこのように表示されます。"
+    },
+    "preview_text_before": {
+        "message": ""
+    },
+    "preview_text_highlight": {
+        "message": "ハイライトされたテキスト"
+    },
+    "preview_text_after": {
+        "message": "はこのように表示されます。"
+    },
+    "enable_highlighting_title": {
+        "message": "ハイライトを有効にする"
+    },
+    "enable_highlighting_subtitle": {
+        "message": "ページにハイライトを表示"
+    },
+    "manage_lists": {
+        "message": "リストを管理"
+    },
+    "background_label": {
+        "message": "背景"
+    },
+    "foreground_label": {
+        "message": "前景"
+    },
+    "multi_select_hint": {
+        "message": "クリックして選択 • Ctrl/Cmd+クリックで複数選択"
+    },
+    "dark_mode_title": {
+        "message": "ダークモード"
+    },
+    "dark_mode_subtitle": {
+        "message": "ライト/ダークテーマを切り替え"
+    },
+    "list_manager_title": {
+        "message": "リストマネージャー"
+    },
+    "words_label": {
+        "message": "単語"
+    },
+    "active_label": {
+        "message": "有効"
+    },
+    "inactive_label": {
+        "message": "無効"
+    },
+    "drag_words_hint": {
+        "message": "クリックして選択 • Ctrl/Cmd+クリックで複数選択 • 単語をリストにドラッグしてコピー"
+    },
+    "drag_lists_hint": {
+        "message": "リストをドラッグして並べ替え • Ctrl+クリックで複数選択"
+    },
+    "showing_items": {
+        "message": "{total}単語中{start}-{end}を表示"
+    },
+    "items_per_page": {
+        "message": "ページあたりのアイテム数:"
+    },
+    "page_info": {
+        "message": "ページ{current}/{total}"
+    },
+    "toggle_active": {
+        "message": "有効/無効を切り替え"
+    },
+    "rename_list_title": {
+        "message": "リスト名を変更"
+    },
+    "new_list_title": {
+        "message": "新しいリスト"
+    },
+    "delete_list_title": {
+        "message": "リストを削除"
+    },
+    "list_active_badge": {
+        "message": "有効"
+    },
+    "list_paused_badge": {
+        "message": "一時停止"
+    },
+    "words_stats": {
+        "message": "{total}単語 • {active}有効 • {inactive}無効"
+    },
+    "rename_list": {
+        "message": "リスト名を変更"
     }
 }

_locales/ko/messages.json

@@ -178,5 +178,131 @@
     },
     "next": {
         "message": "다음"
+    },
+    "duplicate": {
+        "message": "복제"
+    },
+    "merge": {
+        "message": "병합"
+    },
+    "move": {
+        "message": "이동"
+    },
+    "copy": {
+        "message": "복사"
+    },
+    "merge_lists_min_two": {
+        "message": "병합하려면 최소 두 개의 리스트를 선택하세요."
+    },
+    "merge_lists_confirm": {
+        "message": "{count}개의 리스트를 \"{target}\"에 병합하시겠습니까? 소스 리스트는 제거됩니다."
+    },
+    "delete_current_list": {
+        "message": "현재 리스트를 삭제하시겠습니까?"
+    },
+    "delete_lists_confirm": {
+        "message": "선택한 {count}개의 리스트를 삭제하시겠습니까?"
+    },
+    "invalid_import_format": {
+        "message": "잘못된 파일 형식입니다. 유효한 Goose Highlighter 내보내기 파일을 선택하세요."
+    },
+    "import_failed": {
+        "message": "파일 가져오기에 실패했습니다. 유효한 JSON 파일인지 확인하세요."
+    },
+    "import_confirm": {
+        "message": "총 {words}개의 단어가 포함된 {count}개의 리스트를 가져오시겠습니까?"
+    },
+    "import_success": {
+        "message": "{words}개의 단어가 포함된 {count}개의 리스트를 성공적으로 가져왔습니다."
+    },
+    "preview_label": {
+        "message": "미리보기"
+    },
+    "preview_text": {
+        "message": "하이라이트된 텍스트가 이렇게 표시됩니다."
+    },
+    "preview_text_before": {
+        "message": ""
+    },
+    "preview_text_highlight": {
+        "message": "하이라이트된 텍스트"
+    },
+    "preview_text_after": {
+        "message": "가 이렇게 표시됩니다."
+    },
+    "enable_highlighting_title": {
+        "message": "하이라이트 활성화"
+    },
+    "enable_highlighting_subtitle": {
+        "message": "페이지에 하이라이트 표시"
+    },
+    "manage_lists": {
+        "message": "리스트 관리"
+    },
+    "background_label": {
+        "message": "배경"
+    },
+    "foreground_label": {
+        "message": "전경"
+    },
+    "multi_select_hint": {
+        "message": "클릭하여 선택 • Ctrl/Cmd+클릭으로 다중 선택"
+    },
+    "dark_mode_title": {
+        "message": "다크 모드"
+    },
+    "dark_mode_subtitle": {
+        "message": "밝은/어두운 테마 전환"
+    },
+    "list_manager_title": {
+        "message": "리스트 관리자"
+    },
+    "words_label": {
+        "message": "단어"
+    },
+    "active_label": {
+        "message": "활성"
+    },
+    "inactive_label": {
+        "message": "비활성"
+    },
+    "drag_words_hint": {
+        "message": "클릭하여 선택 • Ctrl/Cmd+클릭으로 다중 선택 • 단어를 리스트로 드래그하여 복사"
+    },
+    "drag_lists_hint": {
+        "message": "리스트를 드래그하여 재정렬 • Ctrl+클릭으로 다중 선택"
+    },
+    "showing_items": {
+        "message": "{total}개 단어 중 {start}-{end} 표시"
+    },
+    "items_per_page": {
+        "message": "페이지당 항목 수:"
+    },
+    "page_info": {
+        "message": "페이지 {current}/{total}"
+    },
+    "toggle_active": {
+        "message": "활성 전환"
+    },
+    "rename_list_title": {
+        "message": "리스트 이름 변경"
+    },
+    "new_list_title": {
+        "message": "새 리스트"
+    },
+    "delete_list_title": {
+        "message": "리스트 삭제"
+    },
+    "list_active_badge": {
+        "message": "활성"
+    },
+    "list_paused_badge": {
+        "message": "일시정지"
+    },
+    "words_stats": {
+        "message": "{total}개 단어 • {active}개 활성 • {inactive}개 비활성"
+    },
+    "rename_list": {
+        "message": "리스트 이름 변경"
     }
 }

_locales/nl/messages.json

@@ -178,5 +178,131 @@
   },
   "next": {
     "message": "Volgende"
+  },
+  "duplicate": {
+    "message": "Dupliceren"
+  },
+  "merge": {
+    "message": "Samenvoegen"
+  },
+  "move": {
+    "message": "Verplaatsen"
+  },
+  "copy": {
+    "message": "Kopiëren"
+  },
+  "merge_lists_min_two": {
+    "message": "Selecteer minimaal twee lijsten om samen te voegen."
+  },
+  "merge_lists_confirm": {
+    "message": "{count} lijst(en) samenvoegen in \"{target}\"? Bronlijsten worden verwijderd."
+  },
+  "delete_current_list": {
+    "message": "Huidige lijst verwijderen?"
+  },
+  "delete_lists_confirm": {
+    "message": "{count} geselecteerde lijst(en) verwijderen?"
+  },
+  "invalid_import_format": {
+    "message": "Ongeldig bestandsformaat. Selecteer een geldig Goose Highlighter exportbestand."
+  },
+  "import_failed": {
+    "message": "Importeren van bestand mislukt. Zorg ervoor dat het een geldig JSON-bestand is."
+  },
+  "import_confirm": {
+    "message": "{count} lijst(en) met in totaal {words} woord(en) importeren?"
+  },
+  "import_success": {
+    "message": "{count} lijst(en) met {words} woord(en) succesvol geïmporteerd."
+  },
+  "preview_label": {
+    "message": "Voorbeeld"
+  },
+  "preview_text": {
+    "message": "Zo zal uw gemarkeerde tekst verschijnen."
+  },
+  "preview_text_before": {
+    "message": "Zo zal uw"
+  },
+  "preview_text_highlight": {
+    "message": "gemarkeerde tekst"
+  },
+  "preview_text_after": {
+    "message": "verschijnen."
+  },
+  "enable_highlighting_title": {
+    "message": "Markeren inschakelen"
+  },
+  "enable_highlighting_subtitle": {
+    "message": "Markeringen op pagina's weergeven"
+  },
+  "manage_lists": {
+    "message": "Lijsten beheren"
+  },
+  "background_label": {
+    "message": "Achtergrond"
+  },
+  "foreground_label": {
+    "message": "Voorgrond"
+  },
+  "multi_select_hint": {
+    "message": "Klik om te selecteren • Ctrl/Cmd+Klik voor meervoudige selectie"
+  },
+  "dark_mode_title": {
+    "message": "Donkere modus"
+  },
+  "dark_mode_subtitle": {
+    "message": "Schakel tussen licht/donker thema"
+  },
+  "list_manager_title": {
+    "message": "Lijstbeheerder"
+  },
+  "words_label": {
+    "message": "woorden"
+  },
+  "active_label": {
+    "message": "actief"
+  },
+  "inactive_label": {
+    "message": "inactief"
+  },
+  "drag_words_hint": {
+    "message": "Klik om te selecteren • Ctrl/Cmd+Klik voor meervoudige selectie • Sleep woorden naar lijsten om te kopiëren"
+  },
+  "drag_lists_hint": {
+    "message": "Sleep lijsten om te herschikken • Ctrl+Klik voor meervoudige selectie"
+  },
+  "showing_items": {
+    "message": "{start}-{end} van {total} woorden weergegeven"
+  },
+  "items_per_page": {
+    "message": "Items per pagina:"
+  },
+  "page_info": {
+    "message": "Pagina {current} van {total}"
+  },
+  "toggle_active": {
+    "message": "actief schakelen"
+  },
+  "rename_list_title": {
+    "message": "Lijst hernoemen"
+  },
+  "new_list_title": {
+    "message": "Nieuwe lijst"
+  },
+  "delete_list_title": {
+    "message": "Lijst verwijderen"
+  },
+  "list_active_badge": {
+    "message": "Actief"
+  },
+  "list_paused_badge": {
+    "message": "Gepauzeerd"
+  },
+  "words_stats": {
+    "message": "{total} woorden • {active} actief • {inactive} inactief"
+  },
+  "rename_list": {
+    "message": "Lijst hernoemen"
   }
 }

_locales/pl/messages.json

@@ -178,5 +178,131 @@
   },
   "next": {
     "message": "Następny"
+  },
+  "duplicate": {
+    "message": "Duplikuj"
+  },
+  "merge": {
+    "message": "Scal"
+  },
+  "move": {
+    "message": "Przenieś"
+  },
+  "copy": {
+    "message": "Kopiuj"
+  },
+  "merge_lists_min_two": {
+    "message": "Wybierz co najmniej dwie listy do scalenia."
+  },
+  "merge_lists_confirm": {
+    "message": "Scalić {count} list(y) w \"{target}\"? Listy źródłowe zostaną usunięte."
+  },
+  "delete_current_list": {
+    "message": "Usunąć bieżącą listę?"
+  },
+  "delete_lists_confirm": {
+    "message": "Usunąć {count} wybraną/e listę/y?"
+  },
+  "invalid_import_format": {
+    "message": "Nieprawidłowy format pliku. Wybierz prawidłowy plik eksportu Goose Highlighter."
+  },
+  "import_failed": {
+    "message": "Nie udało się zaimportować pliku. Upewnij się, że jest to prawidłowy plik JSON."
+  },
+  "import_confirm": {
+    "message": "Zaimportować {count} list(y) z łącznie {words} słowami?"
+  },
+  "import_success": {
+    "message": "Pomyślnie zaimportowano {count} list(y) z {words} słowami."
+  },
+  "preview_label": {
+    "message": "Podgląd"
+  },
+  "preview_text": {
+    "message": "Tak będzie wyglądał Twój podświetlony tekst."
+  },
+  "preview_text_before": {
+    "message": "Tak będzie wyglądał Twój"
+  },
+  "preview_text_highlight": {
+    "message": "podświetlony tekst"
+  },
+  "preview_text_after": {
+    "message": "."
+  },
+  "enable_highlighting_title": {
+    "message": "Włącz podświetlanie"
+  },
+  "enable_highlighting_subtitle": {
+    "message": "Pokaż podświetlenia na stronach"
+  },
+  "manage_lists": {
+    "message": "Zarządzaj listami"
+  },
+  "background_label": {
+    "message": "Tło"
+  },
+  "foreground_label": {
+    "message": "Pierwszy plan"
+  },
+  "multi_select_hint": {
+    "message": "Kliknij, aby zaznaczyć • Ctrl/Cmd+Klik dla wielokrotnego zaznaczenia"
+  },
+  "dark_mode_title": {
+    "message": "Tryb ciemny"
+  },
+  "dark_mode_subtitle": {
+    "message": "Przełącz między jasnym/ciemnym motywem"
+  },
+  "list_manager_title": {
+    "message": "Menedżer list"
+  },
+  "words_label": {
+    "message": "słowa"
+  },
+  "active_label": {
+    "message": "aktywny"
+  },
+  "inactive_label": {
+    "message": "nieaktywny"
+  },
+  "drag_words_hint": {
+    "message": "Kliknij, aby zaznaczyć • Ctrl/Cmd+Klik dla wielokrotnego zaznaczenia • Przeciągnij słowa do list, aby skopiować"
+  },
+  "drag_lists_hint": {
+    "message": "Przeciągnij listy, aby zmienić kolejność • Ctrl+Klik dla wielokrotnego zaznaczenia"
+  },
+  "showing_items": {
+    "message": "Wyświetlanie {start}-{end} z {total} słów"
+  },
+  "items_per_page": {
+    "message": "Elementów na stronę:"
+  },
+  "page_info": {
+    "message": "Strona {current} z {total}"
+  },
+  "toggle_active": {
+    "message": "przełącz aktywny"
+  },
+  "rename_list_title": {
+    "message": "Zmień nazwę listy"
+  },
+  "new_list_title": {
+    "message": "Nowa lista"
+  },
+  "delete_list_title": {
+    "message": "Usuń listę"
+  },
+  "list_active_badge": {
+    "message": "Aktywny"
+  },
+  "list_paused_badge": {
+    "message": "Wstrzymany"
+  },
+  "words_stats": {
+    "message": "{total} słów • {active} aktywnych • {inactive} nieaktywnych"
+  },
+  "rename_list": {
+    "message": "Zmień nazwę listy"
   }
 }

_locales/pt_BR/messages.json

@@ -95,9 +95,15 @@
   "search_placeholder": {
     "message": "Pesquisar..."
   },
-  "options": { "message": "Opções" },
+  "options": {
-  "match_case": { "message": "Diferenciar maiúsculas/minúsculas" },
+    "message": "Opções"
-  "match_whole": { "message": "Palavra inteira" },
+  },
+  "match_case": {
+    "message": "Diferenciar maiúsculas/minúsculas"
+  },
+  "match_whole": {
+    "message": "Palavra inteira"
+  },
   "site_exceptions": {
     "message": "Exceções de sites"
   },
@@ -172,5 +178,131 @@
   },
   "next": {
     "message": "Próximo"
+  },
+  "duplicate": {
+    "message": "Duplicar"
+  },
+  "merge": {
+    "message": "Mesclar"
+  },
+  "move": {
+    "message": "Mover"
+  },
+  "copy": {
+    "message": "Copiar"
+  },
+  "merge_lists_min_two": {
+    "message": "Selecione pelo menos duas listas para mesclar."
+  },
+  "merge_lists_confirm": {
+    "message": "Mesclar {count} lista(s) em \"{target}\"? As listas de origem serão removidas."
+  },
+  "delete_current_list": {
+    "message": "Excluir lista atual?"
+  },
+  "delete_lists_confirm": {
+    "message": "Excluir {count} lista(s) selecionada(s)?"
+  },
+  "invalid_import_format": {
+    "message": "Formato de arquivo inválido. Selecione um arquivo de exportação válido do Goose Highlighter."
+  },
+  "import_failed": {
+    "message": "Falha ao importar arquivo. Certifique-se de que é um arquivo JSON válido."
+  },
+  "import_confirm": {
+    "message": "Importar {count} lista(s) com {words} palavra(s) no total?"
+  },
+  "import_success": {
+    "message": "{count} lista(s) com {words} palavra(s) importada(s) com sucesso."
+  },
+  "preview_label": {
+    "message": "Visualização"
+  },
+  "preview_text": {
+    "message": "É assim que seu texto destacado aparecerá."
+  },
+  "preview_text_before": {
+    "message": "É assim que seu"
+  },
+  "preview_text_highlight": {
+    "message": "texto destacado"
+  },
+  "preview_text_after": {
+    "message": "aparecerá."
+  },
+  "enable_highlighting_title": {
+    "message": "Ativar destaque"
+  },
+  "enable_highlighting_subtitle": {
+    "message": "Mostrar destaques nas páginas"
+  },
+  "manage_lists": {
+    "message": "Gerenciar listas"
+  },
+  "background_label": {
+    "message": "Fundo"
+  },
+  "foreground_label": {
+    "message": "Texto"
+  },
+  "multi_select_hint": {
+    "message": "Clique para selecionar • Ctrl/Cmd+Clique para seleção múltipla"
+  },
+  "dark_mode_title": {
+    "message": "Modo escuro"
+  },
+  "dark_mode_subtitle": {
+    "message": "Alternar entre tema claro/escuro"
+  },
+  "list_manager_title": {
+    "message": "Gerenciador de listas"
+  },
+  "words_label": {
+    "message": "palavras"
+  },
+  "active_label": {
+    "message": "ativo"
+  },
+  "inactive_label": {
+    "message": "inativo"
+  },
+  "drag_words_hint": {
+    "message": "Clique para selecionar • Ctrl/Cmd+Clique para seleção múltipla • Arraste palavras para listas para copiar"
+  },
+  "drag_lists_hint": {
+    "message": "Arraste listas para reordenar • Ctrl+Clique para seleção múltipla"
+  },
+  "showing_items": {
+    "message": "Mostrando {start}-{end} de {total} palavras"
+  },
+  "items_per_page": {
+    "message": "Itens por página:"
+  },
+  "page_info": {
+    "message": "Página {current} de {total}"
+  },
+  "toggle_active": {
+    "message": "alternar ativo"
+  },
+  "rename_list_title": {
+    "message": "Renomear lista"
+  },
+  "new_list_title": {
+    "message": "Nova lista"
+  },
+  "delete_list_title": {
+    "message": "Excluir lista"
+  },
+  "list_active_badge": {
+    "message": "Ativo"
+  },
+  "list_paused_badge": {
+    "message": "Pausado"
+  },
+  "words_stats": {
+    "message": "{total} palavras • {active} ativas • {inactive} inativas"
+  },
+  "rename_list": {
+    "message": "Renomear lista"
   }
 }

_locales/ru/messages.json

@@ -178,5 +178,132 @@
   },
   "next": {
     "message": "Следующее"
+  },
+  "duplicate": {
+    "message": "Дублировать"
+  },
+  "merge": {
+    "message": "Объединить"
+  },
+  "move": {
+    "message": "Переместить"
+  },
+  "copy": {
+    "message": "Копировать"
+  },
+  "merge_lists_min_two": {
+    "message": "Выберите как минимум два списка для объединения."
+  },
+  "merge_lists_confirm": {
+    "message": "Объединить {count} список(ов) в \"{target}\"? Исходные списки будут удалены."
+  },
+  "delete_current_list": {
+    "message": "Удалить текущий список?"
+  },
+  "delete_lists_confirm": {
+    "message": "Удалить {count} выбранный(ых) список(ов)?"
+  },
+  "invalid_import_format": {
+    "message": "Неверный формат файла. Выберите действительный файл экспорта Goose Highlighter."
+  },
+  "import_failed": {
+    "message": "Не удалось импортировать файл. Убедитесь, что это действительный файл JSON."
+  },
+  "import_confirm": {
+    "message": "Импортировать {count} список(ов) с {words} словами всего?"
+  },
+  "import_success": {
+    "message": "Успешно импортировано {count} список(ов) с {words} словами."
+}
+,
+  "preview_label": {
+    "message": "Предпросмотр"
+  },
+  "preview_text": {
+    "message": "Так будет выглядеть выделенный текст."
+  },
+  "preview_text_before": {
+    "message": "Так будет выглядеть"
+  },
+  "preview_text_highlight": {
+    "message": "выделенный текст"
+  },
+  "preview_text_after": {
+    "message": "."
+  },
+  "enable_highlighting_title": {
+    "message": "Включить выделение"
+  },
+  "enable_highlighting_subtitle": {
+    "message": "Выделять слова из выбранного списка"
+  },
+  "manage_lists": {
+    "message": "Управление списками"
+  },
+  "background_label": {
+    "message": "Фон"
+  },
+  "foreground_label": {
+    "message": "Текст"
+  },
+  "multi_select_hint": {
+    "message": "Нажмите для выбора • Ctrl/Cmd+Клик для множественного выбора"
+  },
+  "dark_mode_title": {
+    "message": "Темная тема"
+  },
+  "dark_mode_subtitle": {
+    "message": "Переключить светлую/темную тему"
+  },
+  "list_manager_title": {
+    "message": "Управление списками"
+  },
+  "words_label": {
+    "message": "слова"
+  },
+  "active_label": {
+    "message": "активно"
+  },
+  "inactive_label": {
+    "message": "неактивно"
+  },
+  "drag_words_hint": {
+    "message": "Нажмите для выбора • Ctrl/Cmd+Клик для множественного выбора • Перетащите слова в списки для копирования"
+  },
+  "drag_lists_hint": {
+    "message": "Перетащите для изменения порядка • Ctrl+Клик для множественного выбора"
+  },
+  "showing_items": {
+    "message": "Показано {start}-{end} из {total} слов"
+  },
+  "items_per_page": {
+    "message": "Элементов на странице:"
+  },
+  "page_info": {
+    "message": "Страница {current} из {total}"
+  },
+  "toggle_active": {
+    "message": "переключить активность"
+  },
+  "rename_list_title": {
+    "message": "Переименовать список"
+  },
+  "new_list_title": {
+    "message": "Новый список"
+  },
+  "delete_list_title": {
+    "message": "Удалить список"
+  },
+  "list_active_badge": {
+    "message": "Активен"
+  },
+  "list_paused_badge": {
+    "message": "Приостановлен"
+  },
+  "words_stats": {
+    "message": "{total} слов • {active} активных • {inactive} неактивных"
+  },
+  "rename_list": {
+    "message": "Переименовать список"
   }
 }

_locales/tr/messages.json

@@ -178,5 +178,131 @@
   },
   "next": {
     "message": "Sonraki"
+  },
+  "duplicate": {
+    "message": "Çoğalt"
+  },
+  "merge": {
+    "message": "Birleştir"
+  },
+  "move": {
+    "message": "Taşı"
+  },
+  "copy": {
+    "message": "Kopyala"
+  },
+  "merge_lists_min_two": {
+    "message": "Birleştirmek için en az iki liste seçin."
+  },
+  "merge_lists_confirm": {
+    "message": "{count} listeyi \"{target}\" ile birleştir? Kaynak listeler kaldırılacak."
+  },
+  "delete_current_list": {
+    "message": "Mevcut listeyi sil?"
+  },
+  "delete_lists_confirm": {
+    "message": "Seçili {count} listeyi sil?"
+  },
+  "invalid_import_format": {
+    "message": "Geçersiz dosya formatı. Lütfen geçerli bir Goose Highlighter dışa aktarma dosyası seçin."
+  },
+  "import_failed": {
+    "message": "Dosya içe aktarılamadı. Lütfen geçerli bir JSON dosyası olduğundan emin olun."
+  },
+  "import_confirm": {
+    "message": "Toplam {words} kelime içeren {count} liste içe aktarılsın mı?"
+  },
+  "import_success": {
+    "message": "{words} kelime içeren {count} liste başarıyla içe aktarıldı."
+  },
+  "preview_label": {
+    "message": "Önizleme"
+  },
+  "preview_text": {
+    "message": "Vurgulanan metniniz böyle görünecek."
+  },
+  "preview_text_before": {
+    "message": "Vurgulanan metniniz"
+  },
+  "preview_text_highlight": {
+    "message": "böyle"
+  },
+  "preview_text_after": {
+    "message": "görünecek."
+  },
+  "enable_highlighting_title": {
+    "message": "Vurgulamayı Etkinleştir"
+  },
+  "enable_highlighting_subtitle": {
+    "message": "Sayfalarda vurguları göster"
+  },
+  "manage_lists": {
+    "message": "Listeleri Yönet"
+  },
+  "background_label": {
+    "message": "Arka Plan"
+  },
+  "foreground_label": {
+    "message": "Ön Plan"
+  },
+  "multi_select_hint": {
+    "message": "Seçmek için tıklayın • Çoklu seçim için Ctrl/Cmd+Tıklama"
+  },
+  "dark_mode_title": {
+    "message": "Karanlık Mod"
+  },
+  "dark_mode_subtitle": {
+    "message": "Açık/koyu tema arasında geçiş yap"
+  },
+  "list_manager_title": {
+    "message": "Liste Yöneticisi"
+  },
+  "words_label": {
+    "message": "kelime"
+  },
+  "active_label": {
+    "message": "aktif"
+  },
+  "inactive_label": {
+    "message": "pasif"
+  },
+  "drag_words_hint": {
+    "message": "Seçmek için tıklayın • Çoklu seçim için Ctrl/Cmd+Tıklama • Kopyalamak için kelimeleri listelere sürükleyin"
+  },
+  "drag_lists_hint": {
+    "message": "Yeniden sıralamak için listeleri sürükleyin • Çoklu seçim için Ctrl+Tıklama"
+  },
+  "showing_items": {
+    "message": "{total} kelimeden {start}-{end} gösteriliyor"
+  },
+  "items_per_page": {
+    "message": "Sayfa başına öğe:"
+  },
+  "page_info": {
+    "message": "Sayfa {current} / {total}"
+  },
+  "toggle_active": {
+    "message": "aktif/pasif değiştir"
+  },
+  "rename_list_title": {
+    "message": "Listeyi yeniden adlandır"
+  },
+  "new_list_title": {
+    "message": "Yeni liste"
+  },
+  "delete_list_title": {
+    "message": "Listeyi sil"
+  },
+  "list_active_badge": {
+    "message": "Aktif"
+  },
+  "list_paused_badge": {
+    "message": "Duraklatıldı"
+  },
+  "words_stats": {
+    "message": "{total} kelime • {active} aktif • {inactive} pasif"
+  },
+  "rename_list": {
+    "message": "Listeyi Yeniden Adlandır"
   }
 }

_locales/zh_CN/messages.json

@@ -178,5 +178,131 @@
   },
   "next": {
     "message": "下一个"
+  },
+  "duplicate": {
+    "message": "复制"
+  },
+  "merge": {
+    "message": "合并"
+  },
+  "move": {
+    "message": "移动"
+  },
+  "copy": {
+    "message": "复制"
+  },
+  "merge_lists_min_two": {
+    "message": "选择至少两个列表进行合并。"
+  },
+  "merge_lists_confirm": {
+    "message": "将 {count} 个列表合并到 \"{target}\"？源列表将被删除。"
+  },
+  "delete_current_list": {
+    "message": "删除当前列表？"
+  },
+  "delete_lists_confirm": {
+    "message": "删除 {count} 个选定的列表？"
+  },
+  "invalid_import_format": {
+    "message": "无效的文件格式。请选择有效的 Goose Highlighter 导出文件。"
+  },
+  "import_failed": {
+    "message": "导入文件失败。请确保它是有效的 JSON 文件。"
+  },
+  "import_confirm": {
+    "message": "导入 {count} 个列表，共 {words} 个单词？"
+  },
+  "import_success": {
+    "message": "成功导入 {count} 个列表，共 {words} 个单词。"
+  },
+  "preview_label": {
+    "message": "预览"
+  },
+  "preview_text": {
+    "message": "您的高亮文本将如此显示。"
+  },
+  "preview_text_before": {
+    "message": "您的"
+  },
+  "preview_text_highlight": {
+    "message": "高亮文本"
+  },
+  "preview_text_after": {
+    "message": "将如此显示。"
+  },
+  "enable_highlighting_title": {
+    "message": "启用高亮"
+  },
+  "enable_highlighting_subtitle": {
+    "message": "在页面上显示高亮"
+  },
+  "manage_lists": {
+    "message": "管理列表"
+  },
+  "background_label": {
+    "message": "背景"
+  },
+  "foreground_label": {
+    "message": "前景"
+  },
+  "multi_select_hint": {
+    "message": "点击选择 • Ctrl/Cmd+点击多选"
+  },
+  "dark_mode_title": {
+    "message": "暗黑模式"
+  },
+  "dark_mode_subtitle": {
+    "message": "切换亮色/暗色主题"
+  },
+  "list_manager_title": {
+    "message": "列表管理器"
+  },
+  "words_label": {
+    "message": "单词"
+  },
+  "active_label": {
+    "message": "激活"
+  },
+  "inactive_label": {
+    "message": "未激活"
+  },
+  "drag_words_hint": {
+    "message": "点击选择 • Ctrl/Cmd+点击多选 • 拖动单词到列表以复制"
+  },
+  "drag_lists_hint": {
+    "message": "拖动列表以重新排序 • Ctrl+点击多选"
+  },
+  "showing_items": {
+    "message": "显示 {start}-{end} / 共 {total} 个单词"
+  },
+  "items_per_page": {
+    "message": "每页项目数："
+  },
+  "page_info": {
+    "message": "第 {current} 页，共 {total} 页"
+  },
+  "toggle_active": {
+    "message": "切换激活状态"
+  },
+  "rename_list_title": {
+    "message": "重命名列表"
+  },
+  "new_list_title": {
+    "message": "新建列表"
+  },
+  "delete_list_title": {
+    "message": "删除列表"
+  },
+  "list_active_badge": {
+    "message": "激活"
+  },
+  "list_paused_badge": {
+    "message": "已暂停"
+  },
+  "words_stats": {
+    "message": "{total} 个单词 • {active} 个激活 • {inactive} 个未激活"
+  },
+  "rename_list": {
+    "message": "重命名列表"
   }
 }

list-manager/list-manager.css

@@ -1,8 +1,11 @@
+@import url('../shared/fonts.css');
 @import url('../shared/colors.css');
 @import url('../shared/ui-components.css');
 
 * {
   box-sizing: border-box;
+  margin: 0;
+  padding: 0;
 }
 
 html {
@@ -10,19 +13,17 @@ html {
 }
 
 body {
-  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  font-family: var(--font-sans);
+  font-size: var(--text-base);
+  line-height: var(--leading-normal);
+  letter-spacing: var(--tracking-tight);
   margin: 0;
-  background: radial-gradient(120% 120% at 10% 0%, rgba(204, 106, 42, 0.08) 0%, transparent 45%),
+  background: var(--bg-color);
-    linear-gradient(180deg, var(--bg-color) 0%, #f5efe9 100%);
   color: var(--text-color);
   height: 100%;
   overflow: hidden;
-}
+  -webkit-font-smoothing: antialiased;
-
+  -moz-osx-font-smoothing: grayscale;
-html.dark body,
-body.dark {
-  background: radial-gradient(120% 120% at 10% 0%, rgba(242, 168, 101, 0.08) 0%, transparent 45%),
-    linear-gradient(180deg, var(--bg-color) 0%, #0f0d0b 100%);
 }
 
 .app {
@@ -32,65 +33,115 @@ body.dark {
   overflow: hidden;
 }
 
+.app button {
+  border-radius: 6px;
+}
+
+.app .icon-btn {
+  min-width: 28px;
+  min-height: 28px;
+  border-radius: 6px;
+}
+
 .topbar {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 16px 20px;
+  padding: 8px 16px;
-  background: linear-gradient(145deg, #f6eee7 0%, #f0e8df 100%);
+  background: var(--bg-color);
   border-bottom: 1px solid var(--input-border);
-  box-shadow: var(--shadow);
+  flex-shrink: 0;
-}
-
-html.dark .topbar,
-body.dark .topbar {
-  background: linear-gradient(145deg, #2b211b 0%, #231a14 100%);
 }
 
 .title {
   display: flex;
   align-items: center;
-  gap: 12px;
+  gap: 10px;
 }
 
 .title img {
-  height: 36px;
+  height: 28px;
-  width: 36px;
+  width: 28px;
+  border-radius: 8px;
+  background: var(--text-color);
+  padding: 4px;
+  object-fit: contain;
+}
+
+html.dark .title img,
+body.dark .title img {
+  background: var(--highlight-tag);
 }
 
 .name {
   font-weight: 600;
-  font-size: 1.05rem;
+  font-size: 13px;
+  color: var(--text-color);
 }
 
 .subtitle {
-  font-size: 0.85rem;
+  font-size: 11px;
-  opacity: 0.7;
+  opacity: 0.6;
 }
 
-.topbar-actions {
+.topbar-actions button {
-  display: flex;
+  min-height: 28px;
-  gap: 10px;
+  padding: 4px 10px;
+  font-size: 12px;
+  border-radius: 6px;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.topbar-actions button.primary {
+  background: var(--accent);
+  color: var(--accent-text);
+  border: none;
+}
+
+.topbar-actions button.primary:hover {
+  background: var(--accent-hover);
+}
+
+.topbar-actions button.ghost {
+  background: var(--input-bg);
+  border: 1px solid var(--input-border);
+  color: var(--text-color);
+}
+
+.topbar-actions button.ghost:hover {
+  background: var(--section-bg);
+}
+
+.topbar-actions .icon-toggle {
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border-radius: 6px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .layout {
   display: grid;
   grid-template-columns: minmax(280px, 25%) 1fr;
-  gap: 16px;
+  gap: 12px;
-  padding: 16px;
+  padding: 12px;
   flex: 1;
   overflow: hidden;
   min-height: 0;
 }
 
 .panel {
-  background: var(--panel-bg);
+  background: var(--section-bg);
   border: 1px solid var(--input-border);
-  border-radius: var(--border-radius);
+  border-radius: 8px;
-  padding: 14px;
+  padding: 12px;
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 10px;
   overflow: hidden;
   min-height: 0;
 }
@@ -99,13 +150,13 @@ body.dark .topbar {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 12px;
+  gap: 10px;
 }
 
 .lists-panel .panel-header {
   flex-direction: column;
   align-items: flex-start;
-  gap: 8px;
+  gap: 6px;
 }
 
 .lists-panel .panel-header h2 {
@@ -114,12 +165,14 @@ body.dark .topbar {
 
 .panel-header h2 {
   margin: 0;
-  font-size: 1rem;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-color);
 }
 
 .panel-actions {
   display: flex;
-  gap: 8px;
+  gap: 6px;
   flex-wrap: wrap;
 }
 
@@ -129,8 +182,10 @@ body.dark .topbar {
 }
 
 .lists-panel .panel-actions button {
-  padding: 6px 10px;
+  padding: 4px 8px;
-  font-size: 0.8rem;
+  font-size: 12px;
+  border-radius: 6px;
+  min-height: 28px;
 }
 
 .panel-actions.secondary {
@@ -138,82 +193,46 @@ body.dark .topbar {
   gap: 6px;
 }
 
+.panel-actions.secondary button {
+  padding: 4px 8px;
+  font-size: 12px;
+  border-radius: 6px;
+  min-height: 28px;
+}
+
 .list-hint {
-  font-size: 0.8rem;
+  font-size: 11px;
-  opacity: 0.7;
+  opacity: 0.6;
-  margin-top: -4px;
+  margin-top: -2px;
 }
 
 .selection-hint {
-  font-size: 0.75rem;
+  font-size: 12px;
+  color: var(--text-color);
   opacity: 0.6;
   margin-top: 4px;
   font-style: italic;
+  text-align: center;
 }
 
 .lists {
   display: flex;
   flex-direction: column;
-  gap: 10px;
+  gap: 8px;
   overflow-y: auto;
   padding-right: 4px;
   flex: 1;
   min-height: 0;
 }
 
-/* Custom scrollbar styling - List Manager Specific */
-.lists::-webkit-scrollbar,
-.word-list::-webkit-scrollbar {
-  width: 8px;
-}
-
-.lists::-webkit-scrollbar-track,
-.word-list::-webkit-scrollbar-track {
-  background: #f0e8df;
-  border-radius: 10px;
-}
-
-.lists::-webkit-scrollbar-thumb,
-.word-list::-webkit-scrollbar-thumb {
-  background: var(--input-border);
-  border-radius: 10px;
-  transition: background 0.2s ease;
-}
-
-.lists::-webkit-scrollbar-thumb:hover,
-.word-list::-webkit-scrollbar-thumb:hover {
-  background: #d4c4b8;
-}
-
-html.dark .lists::-webkit-scrollbar-track,
-html.dark .word-list::-webkit-scrollbar-track,
-body.dark .lists::-webkit-scrollbar-track,
-body.dark .word-list::-webkit-scrollbar-track {
-  background: #1a1511;
-}
-
-html.dark .lists::-webkit-scrollbar-thumb,
-html.dark .word-list::-webkit-scrollbar-thumb,
-body.dark .lists::-webkit-scrollbar-thumb,
-body.dark .word-list::-webkit-scrollbar-thumb {
-  background: var(--input-border);
-}
-
-html.dark .lists::-webkit-scrollbar-thumb:hover,
-html.dark .word-list::-webkit-scrollbar-thumb:hover,
-body.dark .lists::-webkit-scrollbar-thumb:hover,
-body.dark .word-list::-webkit-scrollbar-thumb:hover {
-  background: #4a3e36;
-}
-
 .list-item {
-  background: #ffffff;
+  background: var(--input-bg);
   border: 2px solid transparent;
-  border-radius: 12px;
+  border-radius: 8px;
-  padding: 10px 12px;
+  padding: 8px 10px;
   display: grid;
   grid-template-columns: 1fr auto;
-  gap: 10px;
+  gap: 8px;
   align-items: center;
   cursor: pointer;
   transition: all 0.2s ease;
@@ -221,52 +240,28 @@ body.dark .word-list::-webkit-scrollbar-thumb:hover {
 }
 
 .list-item:hover {
-  background: #f9f4f0;
+  background: var(--section-bg);
-  border-color: rgba(204, 106, 42, 0.3);
+  border-color: var(--input-border);
 }
 
 .list-item.active {
   border-color: var(--accent);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
+  box-shadow: var(--shadow-sm);
-  background: #fffaf6;
+  background: var(--section-bg);
 }
 
 .list-item.selected {
-  background: rgba(204, 106, 42, 0.1);
+  background: var(--section-bg);
   border-color: rgba(204, 106, 42, 0.5);
 }
 
-.list-item.selected.active {
-  border-color: var(--accent);
-  background: rgba(204, 106, 42, 0.15);
-}
-
-html.dark .list-item,
-body.dark .list-item {
-  background: #1f1813;
-}
-
-html.dark .list-item:hover,
-body.dark .list-item:hover {
-  background: #251f19;
-  border-color: rgba(242, 168, 101, 0.3);
-}
-
-html.dark .list-item.active,
-body.dark .list-item.active {
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
-  background: #2a2218;
-}
-
 html.dark .list-item.selected,
 body.dark .list-item.selected {
-  background: rgba(242, 168, 101, 0.15);
+  border-color: rgba(255, 140, 0, 0.5);
-  border-color: rgba(242, 168, 101, 0.6);
 }
 
-html.dark .list-item.selected.active,
+.list-item.selected.active {
-body.dark .list-item.selected.active {
+  border-color: var(--accent);
-  background: rgba(242, 168, 101, 0.2);
 }
 
 .list-item.drag-over {
@@ -282,19 +277,31 @@ body.dark .list-item.selected.active {
 
 .list-name {
   font-weight: 600;
+  font-size: 13px;
 }
 
 .list-stats {
-  font-size: 0.75rem;
+  font-size: 11px;
   opacity: 0.7;
 }
 
 .list-badge {
-  font-size: 0.75rem;
+  font-size: 11px;
-  padding: 4px 8px;
+  padding: 2px 6px;
   border-radius: 999px;
   border: 1px solid var(--input-border);
   opacity: 0.8;
+  cursor: pointer;
+  user-select: none;
+}
+
+.list-badge:hover {
+  opacity: 1;
+}
+
+.list-badge:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
 }
 
 .details-panel {
@@ -308,17 +315,12 @@ body.dark .list-item.selected.active {
 .list-settings {
   display: none;
   gap: 8px;
-  padding: 8px;
+  padding: 8px 10px;
-  background: rgba(204, 106, 42, 0.05);
+  background: var(--input-bg);
-  border-radius: 8px;
+  border-radius: 6px;
   border: 1px solid var(--input-border);
 }
 
-html.dark .list-settings,
-body.dark .list-settings {
-  background: rgba(242, 168, 101, 0.08);
-}
-
 .list-settings.expanded {
   display: flex;
   flex-direction: column;
@@ -327,7 +329,8 @@ body.dark .list-settings {
 .list-settings input[type="text"] {
   width: 100%;
   padding: 6px 10px;
-  font-size: 0.9rem;
+  font-size: 13px;
+  border-radius: 6px;
 }
 
 .color-row {
@@ -340,7 +343,7 @@ body.dark .list-settings {
   display: flex;
   align-items: center;
   gap: 6px;
-  font-size: 0.85rem;
+  font-size: 12px;
   flex: 1;
 }
 
@@ -356,9 +359,11 @@ body.dark .list-settings {
 }
 
 .compact-btn {
-  padding: 6px 12px;
+  padding: 4px 10px;
   min-width: auto;
   height: 32px;
+  border-radius: 6px;
+  font-size: 13px;
 }
 
 .compact-header {
@@ -375,7 +380,8 @@ body.dark .list-settings {
 
 .list-title-section h2 {
   margin: 0;
-  font-size: 1rem;
+  font-size: 13px;
+  font-weight: 600;
   max-width: 300px;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -392,100 +398,132 @@ body.dark .list-settings {
 .add-words {
   display: flex;
   gap: 10px;
-  align-items: stretch;
+  align-items: flex-start;
 }
 
 .add-words textarea {
   flex: 1;
-  min-height: 64px;
+  min-height: 56px;
   resize: vertical;
   background: var(--input-bg);
   color: var(--text-color);
   border: 1px solid var(--input-border);
-  border-radius: 10px;
+  border-radius: 8px;
-  padding: 8px 10px;
+  padding: 6px 10px;
+  font-size: 13px;
+}
+
+.add-words textarea:focus {
+  outline: none;
+  border-color: var(--accent);
 }
 
 .add-words button {
-  min-width: 120px;
+  min-width: 100px;
+  height: 32px;
+  border-radius: 6px;
+  font-size: 13px;
+  flex-shrink: 0;
 }
 
+/* Word controls: action row matches popup .word-actions-row / .word-action-btn */
 .word-controls .row {
   display: flex;
-  gap: 8px;
   flex-wrap: wrap;
+  gap: 6px;
+  align-items: center;
+}
+
+.word-controls .row button {
+  height: 26px;
+  padding: 0 8px;
+  font-size: 12px;
+  border-radius: 6px;
+  background: var(--input-bg);
+  border: 1px solid var(--input-border);
+  color: var(--text-color);
+}
+
+.word-controls .row button:hover {
+  background: var(--section-bg);
+}
+
+.word-controls .row button.danger {
+  background: rgba(239, 68, 68, 0.1);
+  border-color: rgba(239, 68, 68, 0.3);
+  color: var(--danger);
+}
+
+.word-controls .row button.danger:hover {
+  background: rgba(239, 68, 68, 0.2);
 }
 
 .word-controls input[type="text"],
 .word-controls select {
   flex: 1;
-  min-width: 160px;
+  min-width: 140px;
+  min-height: 32px;
+  padding: 0 10px;
+  font-size: 14px;
+  border-radius: 8px;
 }
 
+#wordSearch {
+  height: 32px;
+  padding: 0 10px;
+  font-size: 14px;
+  border-radius: 8px;
+}
+
+/* Search/move row: align input, select and buttons to same height */
+.word-controls .row:has(#wordSearch) button {
+  height: 32px;
+}
+
+/* Word list container – matches popup .word-list-container */
 .word-list {
+  flex: 1;
   overflow-y: auto;
+  background: var(--input-bg);
   border: 1px solid var(--input-border);
-  border-radius: 12px;
+  border-radius: 8px;
-  padding: 8px;
+  min-height: 0;
-  background: #f9f4f0;
   display: flex;
   flex-direction: column;
-  gap: 8px;
-  flex: 1 1 0;
-  min-height: 0;
 }
 
-html.dark .word-list,
+.word-list .empty {
-body.dark .word-list {
+  padding: 16px;
-  background: #1a1511;
-}
-
-.empty {
-  padding: 12px;
   text-align: center;
-  opacity: 0.7;
+  font-size: 14px;
-  font-size: 0.9rem;
+  color: var(--text-color);
+  opacity: 0.6;
 }
 
+/* Word item – matches popup .word-item (flex row, border-bottom, left accent when selected) */
 .word-item {
-  display: grid;
+  display: flex;
-  grid-template-columns: 1fr auto auto auto auto;
-  gap: 8px;
   align-items: center;
-  padding: 8px 10px;
+  gap: 8px;
-  border-radius: 10px;
+  padding: 6px 10px;
-  background: #ffffff;
-  border: 2px solid transparent;
   cursor: pointer;
-  transition: all 0.2s ease;
+  transition: all 0.2s;
-  position: relative;
+  border-bottom: 1px solid var(--input-border);
+  min-width: 0;
+}
+
+.word-item:last-child {
+  border-bottom: none;
 }
 
 .word-item:hover {
-  background: #f9f4f0;
+  background: var(--highlight-tag);
-  border-color: rgba(204, 106, 42, 0.2);
 }
 
 .word-item.selected {
-  background: rgba(204, 106, 42, 0.1);
+  background: var(--section-bg);
-  border-color: rgba(204, 106, 42, 0.5);
+  border-left: 3px solid var(--accent);
-}
+  padding-left: 9px;
-
-html.dark .word-item,
-body.dark .word-item {
-  background: #201915;
-}
-
-html.dark .word-item:hover,
-body.dark .word-item:hover {
-  background: #2a2218;
-  border-color: rgba(242, 168, 101, 0.2);
-}
-
-html.dark .word-item.selected,
-body.dark .word-item.selected {
-  background: rgba(242, 168, 101, 0.15);
-  border-color: rgba(242, 168, 101, 0.6);
 }
 
 .word-item.disabled {
@@ -493,10 +531,13 @@ body.dark .word-item.selected {
 }
 
 .word-text {
-  font-size: 0.9rem;
+  flex: 1;
+  font-size: 14px;
+  color: var(--text-color);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  min-width: 0;
   user-select: none;
 }
 
@@ -506,13 +547,19 @@ body.dark .word-item.selected {
 
 .word-edit-input {
   display: none;
-  width: 100%;
+  flex: 1;
-  background: var(--input-bg);
+  height: 28px;
-  color: var(--text-color);
+  padding: 0 8px;
+  background: var(--bg-color);
   border: 1px solid var(--accent);
-  border-radius: 8px;
+  border-radius: 4px;
-  padding: 4px 8px;
+  font-size: 14px;
-  font-size: 0.9rem;
+  color: var(--text-color);
+  min-width: 0;
+}
+
+.word-edit-input:focus {
+  outline: none;
 }
 
 .word-edit-input.active {
@@ -521,8 +568,9 @@ body.dark .word-item.selected {
 
 .word-actions {
   display: flex;
-  gap: 4px;
   align-items: center;
+  gap: 4px;
+  flex-shrink: 0;
   pointer-events: auto;
 }
 
@@ -530,35 +578,79 @@ body.dark .word-item.selected {
   pointer-events: auto;
 }
 
-
+/* Word item icon button – matches popup .word-item-icon-btn */
-
+.word-item .icon-btn {
-input[type="color"] {
+  width: 28px;
+  height: 28px;
+  min-width: 28px;
+  min-height: 28px;
   padding: 0;
-  height: 36px;
+  background: transparent;
-  border-radius: 10px;
+  border: none;
+  border-radius: 4px;
+  color: var(--text-color);
+  opacity: 0.6;
+}
+
+.word-item .icon-btn:hover {
+  opacity: 1;
+  background: var(--highlight-tag);
+  color: var(--accent);
+}
+
+.word-item .icon-btn i {
+  font-size: 14px;
+}
+
+/* Word item color picker – matches popup .word-item-color-picker */
+.word-item input[type="color"] {
+  width: 28px;
+  height: 28px;
+  border-radius: 4px;
   border: 1px solid var(--input-border);
-  background: #1f1813;
   cursor: pointer;
+  padding: 0;
+  flex-shrink: 0;
+}
+
+.word-item input[type="color"]::-webkit-color-swatch-wrapper {
+  padding: 0;
+  border-radius: 3px;
+}
+
+.word-item input[type="color"]::-webkit-color-swatch {
+  border: none;
+  border-radius: 3px;
+}
+
+.word-item input[type="color"]:hover {
+  border-color: var(--accent);
+}
+
+.word-item .word-item-eye-toggle {
+  flex-shrink: 0;
+}
+
+
+
+.app input[type="color"] {
+  padding: 0;
+  height: 32px;
+  border-radius: 6px;
+  border: 1px solid var(--input-border);
+  cursor: pointer;
+}
+
+.app input[type="color"]:hover {
+  border-color: var(--accent);
 }
 
 .colors input[type="color"] {
   width: 100%;
 }
 
-.word-item input[type="color"] {
-  width: 38px;
-  height: 28px;
-  border-radius: 8px;
-  cursor: pointer;
-}
-
-.word-item input[type="color"]:hover {
-  transform: scale(1.05);
-  transition: transform 0.2s ease;
-}
-
 .stats {
-  font-size: 0.85rem;
+  font-size: 12px;
   opacity: 0.7;
 }
 
@@ -567,22 +659,17 @@ input[type="color"] {
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
-  gap: 12px;
+  gap: 10px;
-  padding: 8px 12px;
+  padding: 6px 10px;
-  background: #f9f4f0;
+  background: var(--section-bg);
   border: 1px solid var(--input-border);
-  border-radius: 12px;
+  border-radius: 8px;
   flex-shrink: 0;
   flex-wrap: wrap;
 }
 
-html.dark .pagination-container,
-body.dark .pagination-container {
-  background: #1a1511;
-}
-
 .pagination-info {
-  font-size: 0.8rem;
+  font-size: 12px;
   opacity: 0.8;
   white-space: nowrap;
 }
@@ -594,9 +681,9 @@ body.dark .pagination-container {
 }
 
 .pagination-btn {
-  background: var(--button-bg);
+  background: var(--input-bg);
   border: 1px solid var(--input-border);
-  color: var(--button-text);
+  color: var(--text-color);
   border-radius: 6px;
   padding: 4px 6px;
   cursor: pointer;
@@ -606,11 +693,11 @@ body.dark .pagination-container {
   justify-content: center;
   min-width: 28px;
   min-height: 28px;
-  font-size: 0.75rem;
+  font-size: 12px;
 }
 
 .pagination-btn:hover:not(:disabled) {
-  background: var(--button-hover);
+  background: var(--section-bg);
   border-color: var(--accent);
 }
 
@@ -622,11 +709,11 @@ body.dark .pagination-container {
 .pagination-pages {
   display: flex;
   align-items: center;
-  padding: 0 8px;
+  padding: 0 6px;
 }
 
 .page-info {
-  font-size: 0.8rem;
+  font-size: 12px;
   opacity: 0.9;
   font-weight: 500;
 }
@@ -635,7 +722,7 @@ body.dark .pagination-container {
   display: flex;
   align-items: center;
   gap: 6px;
-  font-size: 0.8rem;
+  font-size: 12px;
 }
 
 .page-size-controls label {
@@ -649,7 +736,7 @@ body.dark .pagination-container {
   border: 1px solid var(--input-border);
   border-radius: 6px;
   padding: 3px 6px;
-  font-size: 0.8rem;
+  font-size: 12px;
   min-width: 55px;
 }
 

list-manager/list-manager.html

@@ -4,10 +4,9 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=1280" />
-  <title>Goose Highlighter - List Manager</title>
+  <title data-i18n="extension_name">Goose Highlighter - List Manager</title>
   <link rel="stylesheet" href="list-manager.css" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
 </head>
 
 <body>
@@ -16,18 +15,18 @@
       <div class="title">
         <img src="../img/logo-outlined.png" alt="Goose Highlighter" />
         <div>
-          <div class="name">Goose Highlighter</div>
+          <div class="name" data-i18n="extension_name">Goose Highlighter</div>
-          <div class="subtitle">List Manager</div>
+          <div class="subtitle" data-i18n="list_manager_title">List Manager</div>
         </div>
       </div>
 <div class="topbar-actions">
-        <label class="icon-toggle" title="Toggle dark mode">
+        <label class="icon-toggle" data-i18n-title="toggle_dark_mode_title" title="Toggle dark mode">
           <input type="checkbox" class="hidden-toggle" id="themeToggle" />
           <i class="toggle-icon theme-icon fa-solid"></i>
         </label>
-        <button id="importListBtn" class="ghost"><i class="fa-solid fa-upload"></i> Import List</button>
+        <button id="importListBtn" class="ghost"><i class="fa-solid fa-upload"></i> <span data-i18n="import_list">Import List</span></button>
-        <button id="exportListBtn" class="ghost"><i class="fa-solid fa-download"></i> Export List</button>
+        <button id="exportListBtn" class="ghost"><i class="fa-solid fa-download"></i> <span data-i18n="export_list">Export List</span></button>
-        <button id="newListBtn" class="primary"><i class="fa-solid fa-plus"></i> New List</button>
+        <button id="newListBtn" class="primary"><i class="fa-solid fa-plus"></i> <span data-i18n="new_list">New List</span></button>
       </div>
       <input type="file" id="importFileInput" accept=".json" style="display: none;" />
     </header>
@@ -35,18 +34,14 @@
     <main class="layout">
       <section class="panel lists-panel">
         <div class="panel-header">
-          <h2>Lists</h2>
+          <h2 data-i18n="tab_lists">Lists</h2>
           <div class="panel-actions">
-            <button id="duplicateListBtn"><i class="fa-solid fa-clone"></i> Duplicate</button>
+            <button id="duplicateListBtn"><i class="fa-solid fa-clone"></i> <span data-i18n="duplicate">Duplicate</span></button>
-            <button id="mergeListsBtn"><i class="fa-solid fa-code-merge"></i> Merge</button>
+            <button id="mergeListsBtn"><i class="fa-solid fa-code-merge"></i> <span data-i18n="merge">Merge</span></button>
-            <button id="deleteListsBtn" class="danger"><i class="fa-solid fa-trash"></i> Delete</button>
+            <button id="deleteListsBtn" class="danger"><i class="fa-solid fa-trash"></i> <span data-i18n="delete_selected">Delete</span></button>
           </div>
         </div>
-        <div class="panel-actions secondary">
+        <div class="list-hint" data-i18n="drag_lists_hint">Drag lists to reorder • Ctrl+Click for multi-select</div>
-          <button id="activateListsBtn"><i class="fa-solid fa-circle-check"></i> Activate</button>
-          <button id="deactivateListsBtn"><i class="fa-solid fa-circle-xmark"></i> Deactivate</button>
-        </div>
-        <div class="list-hint">Drag lists to reorder • Ctrl+Click for multi-select</div>
         <div id="listsContainer" class="lists"></div>
       </section>
 
@@ -54,22 +49,22 @@
         <div class="panel-header compact-header">
           <div class="list-title-section">
             <h2 id="selectedListName">Selected List</h2>
-            <button id="editListNameBtn" class="icon-btn" title="Edit list name and colors">
+            <button id="editListNameBtn" class="icon-btn" data-i18n-title="edit_list_name_and_colors_title" title="Edit list name and colors">
               <i class="fa-solid fa-pen"></i>
             </button>
           </div>
           <div class="stats" id="listStats">0 words</div>
         </div>
         <div class="list-settings collapsed" id="listSettingsPanel">
-          <input type="text" id="listName" placeholder="List name" />
+          <input type="text" id="listName" data-i18n="list_name" placeholder="List name" />
           <div class="color-row">
             <label class="compact-label">
-              <span>BG</span>
+              <span data-i18n="background">BG</span>
-              <input type="color" id="listBg" />
+              <input type="color" id="listBg" data-i18n-title="background_color_title" />
             </label>
             <label class="compact-label">
-              <span>FG</span>
+              <span data-i18n="foreground">FG</span>
-              <input type="color" id="listFg" />
+              <input type="color" id="listFg" data-i18n-title="text_color_title" />
             </label>
             <button id="applyListSettingsBtn" class="compact-btn primary"><i class="fa-solid fa-check"></i></button>
           </div>
@@ -77,23 +72,23 @@
 
         <div class="word-controls">
           <div class="add-words">
-            <textarea id="bulkAddWords" placeholder="Paste words here..."></textarea>
+            <textarea id="bulkAddWords" data-i18n="paste_hint" placeholder="Paste words here..."></textarea>
-            <button id="addWordsBtn" class="primary"><i class="fa-solid fa-plus"></i> Add Words</button>
+            <button id="addWordsBtn" class="primary"><i class="fa-solid fa-plus"></i> <span data-i18n="add_words">Add Words</span></button>
           </div>
           <div class="row">
-            <button id="selectAllWordsBtn">Select All</button>
+            <button id="selectAllWordsBtn" data-i18n="select_all">Select All</button>
-            <button id="clearSelectedWordsBtn">Clear</button>
+            <button id="clearSelectedWordsBtn" data-i18n="deselect_all">Clear</button>
-            <button id="enableWordsBtn">Enable</button>
+            <button id="enableWordsBtn" data-i18n="enable_selected">Enable</button>
-            <button id="disableWordsBtn">Disable</button>
+            <button id="disableWordsBtn" data-i18n="disable_selected">Disable</button>
-            <button id="deleteWordsBtn" class="danger">Delete</button>
+            <button id="deleteWordsBtn" class="danger" data-i18n="delete_selected">Delete</button>
           </div>
           <div class="row">
-            <input type="text" id="wordSearch" placeholder="Search words..." />
+            <input type="text" id="wordSearch" data-i18n="search_placeholder" placeholder="Search words..." />
             <select id="targetListSelect"></select>
-            <button id="moveWordsBtn"><i class="fa-solid fa-arrow-right"></i> Move</button>
+            <button id="moveWordsBtn"><i class="fa-solid fa-arrow-right"></i> <span data-i18n="move">Move</span></button>
-            <button id="copyWordsBtn"><i class="fa-solid fa-copy"></i> Copy</button>
+            <button id="copyWordsBtn"><i class="fa-solid fa-copy"></i> <span data-i18n="copy">Copy</span></button>
           </div>
-          <div class="selection-hint">Click to select • Ctrl/Cmd+Click for multi-select • Drag words to lists to copy</div>
+          <div class="selection-hint" data-i18n="drag_words_hint">Click to select • Ctrl/Cmd+Click for multi-select • Drag words to lists to copy</div>
         </div>
 
 <div id="wordList" class="word-list"></div>

popup/popup.html

@@ -19,15 +19,22 @@
     <div class="header">
       <div class="header-content">
         <div class="header-logo">
-          <img src="../img/logo-outlined.png" alt="Goose" style="width: 20px; height: 20px;">
+          <img src="../img/logo-outlined.png" alt="Goose" style="width: 18px; height: 18px;">
         </div>
         <span class="header-title" data-i18n="extension_name">Goose Highlighter</span>
       </div>
-      <label class="switch-wrapper">
+      <div class="header-actions">
-        <input type="checkbox" id="globalHighlightToggle" class="switch-input" />
+        <button class="icon-button header-settings-btn" id="settingsBtn" data-i18n-title="options" title="Options" aria-label="Settings">
-        <span class="switch-slider"></span>
+          <i class="fa-solid fa-gear"></i>
+        </button>
+        <label class="header-power-toggle" title="Toggle highlighting" aria-label="Toggle highlighting">
+          <input type="checkbox" id="globalHighlightToggle" class="header-power-input" />
+          <span class="power-icon-wrapper">
+            <i class="fa-solid fa-power-off"></i>
+          </span>
         </label>
       </div>
+    </div>
 
     <!-- Tabs -->
     <div class="tabs">
@@ -47,10 +54,6 @@
         <i class="fa-solid fa-ban"></i>
         <span data-i18n="tab_exceptions">Exceptions</span>
       </button>
-      <button class="tab-button" data-tab="options">
-        <i class="fa-solid fa-sliders"></i>
-        <span data-i18n="options">Options</span>
-      </button>
     </div>
 
     <!-- Lists Tab -->
@@ -71,13 +74,13 @@
                 <!-- Populated dynamically -->
               </div>
             </div>
-            <button class="icon-button" id="renameListBtn" title="Rename List">
+            <button class="icon-button" id="renameListBtn" data-i18n-title="rename_list_title" title="Rename list">
               <i class="fa-solid fa-pen"></i>
             </button>
-            <button class="icon-button" id="newListBtn" title="New List">
+            <button class="icon-button" id="newListBtn" data-i18n-title="new_list_title" title="New list">
               <i class="fa-solid fa-plus"></i>
             </button>
-            <button class="icon-button danger" id="deleteListBtn" title="Delete List">
+            <button class="icon-button danger" id="deleteListBtn" data-i18n-title="delete_list_title" title="Delete list">
               <i class="fa-solid fa-trash"></i>
             </button>
           </div>
@@ -85,20 +88,20 @@
           <!-- Manage Lists Button -->
           <button class="manage-lists-btn" id="manageListsBtn">
             <i class="fa-solid fa-layer-group"></i>
-            <span>Manage Lists</span>
+            <span data-i18n="manage_lists">Manage Lists</span>
           </button>
 
           <!-- Color Pickers -->
           <div class="color-pickers-row">
             <div class="color-picker-group">
-              <label class="color-picker-label">Background</label>
+              <label class="color-picker-label" data-i18n="background_label">Background</label>
               <div class="color-picker-input-group">
                 <input type="color" id="listBg" class="color-picker-swatch" />
                 <input type="text" id="listBgText" class="color-picker-text" maxlength="7" />
               </div>
             </div>
             <div class="color-picker-group">
-              <label class="color-picker-label">Foreground</label>
+              <label class="color-picker-label" data-i18n="foreground_label">Foreground</label>
               <div class="color-picker-input-group">
                 <input type="color" id="listFg" class="color-picker-swatch" />
                 <input type="text" id="listFgText" class="color-picker-text" maxlength="7" />
@@ -108,10 +111,12 @@
 
           <!-- Preview -->
           <div class="preview-section">
-            <label class="preview-label">Preview</label>
+            <label class="preview-label" data-i18n="preview_label">Preview</label>
             <div class="preview-box">
               <p class="preview-text">
-                This is how your <span class="preview-highlight" id="previewHighlight">highlighted text</span> will appear.
+                <span data-i18n="preview_text_before">This is how your</span>
+                <span class="preview-highlight" id="previewHighlight" data-i18n="preview_text_highlight">highlighted text</span>
+                <span data-i18n="preview_text_after">will appear.</span>
               </p>
             </div>
           </div>
@@ -120,8 +125,8 @@
           <div class="enable-toggle-section">
             <div class="enable-toggle-content">
               <div class="enable-toggle-text">
-                <p class="enable-toggle-title">Enable Highlighting</p>
+                <p class="enable-toggle-title" data-i18n="enable_highlighting_title">Enable Highlighting</p>
-                <p class="enable-toggle-subtitle">Show highlights on pages</p>
+                <p class="enable-toggle-subtitle" data-i18n="enable_highlighting_subtitle">Show highlights on pages</p>
               </div>
               <label class="switch-wrapper">
                 <input type="checkbox" id="listActive" class="switch-input" />
@@ -185,7 +190,6 @@
 
           <!-- Search -->
           <div class="word-search-wrapper">
-            <i class="fa-solid fa-search word-search-icon"></i>
             <input type="text" id="wordSearch" class="word-search-input" data-i18n="search_placeholder" placeholder="Search..." />
           </div>
 
@@ -193,7 +197,7 @@
           <div id="wordList" class="word-list-container"></div>
 
           <!-- Help text -->
-          <p class="word-list-hint">Click to select • Ctrl/Cmd+Click for multi-select</p>
+          <p class="word-list-hint" data-i18n="multi_select_hint">Click to select • Ctrl/Cmd+Click for multi-select</p>
         </div>
       </div>
     </div>
@@ -246,15 +250,16 @@
       </div>
     </div>
 
-    <!-- Options Tab -->
+    <!-- Settings Overlay -->
-    <div class="tab-content" data-tab-content="options">
+    <div class="settings-overlay" id="settingsOverlay">
-      <div class="tab-inner">
+      <div class="settings-overlay-content">
-        <div class="options-section">
+        <div class="settings-overlay-header">
-          <label class="section-label">
+          <h3 class="settings-overlay-title" data-i18n="options">Options</h3>
-            <i class="fa-solid fa-sliders"></i>
+          <button class="icon-button settings-close-btn" id="settingsCloseBtn" aria-label="Close">
-            <span data-i18n="options">Options</span>
+            <i class="fa-solid fa-xmark"></i>
-          </label>
+          </button>
-          
+        </div>
+        <div class="settings-overlay-body">
           <div class="options-checkboxes">
             <label class="option-checkbox-label">
               <input type="checkbox" id="matchCase" class="option-checkbox" />
@@ -266,6 +271,19 @@
             </label>
           </div>
 
+          <div class="theme-toggle-section">
+            <div class="theme-toggle-content">
+              <div class="theme-toggle-text">
+                <p class="theme-toggle-title" data-i18n="dark_mode_title">Dark Mode</p>
+                <p class="theme-toggle-subtitle" data-i18n="dark_mode_subtitle">Toggle dark/light theme</p>
+              </div>
+              <label class="switch-wrapper">
+                <input type="checkbox" id="themeToggle" class="switch-input" />
+                <span class="switch-slider"></span>
+              </label>
+            </div>
+          </div>
+
           <div class="options-buttons">
             <button class="option-button" id="importBtn">
               <i class="fa-solid fa-upload"></i>

shared/colors.css

@@ -1,52 +1,73 @@
 /* Shared Color Scheme */
+
+/* Typography + Light theme */
 :root {
-  --bg-color: #fbf6f1;
+  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-  --text-color: #3b2a21;
+  --font-mono: 'DM Sans', ui-monospace, monospace;
+  --text-xs: 11px;
+  --text-sm: 12px;
+  --text-base: 13px;
+  --text-md: 14px;
+  --text-lg: 16px;
+  --leading-tight: 1.25;
+  --leading-normal: 1.4;
+  --leading-relaxed: 1.5;
+  --tracking-tight: -0.01em;
+  --tracking-wide: 0.05em;
+  --bg-color: #f5f5f5;
+  --text-color: #2d2d2d;
   --input-bg: #ffffff;
-  --input-border: #e6d7cc;
+  --input-border: #e0e0e0;
-  --button-bg: #f6eee7;
+  --button-bg: #ffffff;
-  --button-hover: #efe3d9;
+  --button-hover: #eeeeee;
-  --button-text: #3b2a21;
+  --button-text: #2d2d2d;
-  --accent: #cc6a2a;
+  --accent: #ff8c00;
   --accent-text: #ffffff;
-  --accent-hover: #e07b36;
+  --accent-hover: #ff9f1a;
-  --highlight-tag: #f2e7dd;
+  --highlight-tag: #fff3e6;
-  --highlight-tag-border: #e7d2c1;
+  --highlight-tag-border: #ffe4cc;
   --danger: #ef4444;
-  --success: #10b981;
+  --success: #22c55e;
-  --shadow: 0 10px 22px rgba(59, 42, 33, 0.12);
+  --shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
-  --shadow-sm: 0 4px 10px rgba(59, 42, 33, 0.08);
+  --shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.06);
   --border-radius: 12px;
-  --section-bg: #fffaf6;
+  --section-bg: #ffffff;
-  --panel-bg: #fffaf6;
+  --panel-bg: #ffffff;
-  --switch-bg: #e1d5cb;
+  --switch-bg: #e0e0e0;
-  --checkbox-accent: #cc6a2a;
+  --checkbox-accent: #ff8c00;
-  --checkbox-border: #d8c8bb;
+  --checkbox-border: #d0d0d0;
-  --focus-ring: 0 0 0 3px rgba(204, 106, 42, 0.2);
+  --focus-ring: 0 0 0 3px rgba(255, 140, 0, 0.25);
+  --footer-text: #6b6b6b;
+  --tab-active-bg: #e8e8e8;
+  --tab-inactive-color: #6b6b6b;
 }
 
+/* Dark theme */
 html.dark,
 body.dark {
-  --bg-color: #12100e;
+  --bg-color: #0d0d0d;
-  --text-color: #f4ede6;
+  --text-color: #f0f0f0;
-  --input-bg: #1a1714;
+  --input-bg: #171717;
-  --input-border: #3a2e26;
+  --input-border: #2a2a2a;
-  --button-bg: #2b211b;
+  --button-bg: #171717;
-  --button-hover: #3a2c24;
+  --button-hover: #222222;
-  --button-text: #f7efe9;
+  --button-text: #f0f0f0;
-  --accent: #f2a865;
+  --accent: #ff8c00;
-  --accent-hover: #f7c38a;
+  --accent-text: #ffffff;
-  --accent-text: #1b120b;
+  --accent-hover: #ff9f1a;
-  --highlight-tag: #231a14;
+  --highlight-tag: #171717;
-  --highlight-tag-border: #46372c;
+  --highlight-tag-border: #2a2a2a;
   --danger: #f87171;
-  --success: #4ade80;
+  --success: #22c55e;
-  --shadow: 0 10px 22px rgba(0, 0, 0, 0.5);
+  --shadow: 0 10px 22px rgba(0, 0, 0, 0.6);
-  --shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.4);
+  --shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.5);
-  --section-bg: #17130f;
+  --section-bg: #121212;
-  --panel-bg: #17130f;
+  --panel-bg: #121212;
-  --switch-bg: #4b3a2f;
+  --switch-bg: #2a2a2a;
-  --checkbox-accent: #f2a865;
+  --checkbox-accent: #ff8c00;
-  --checkbox-border: #5a483b;
+  --checkbox-border: #333333;
-  --focus-ring: 0 0 0 3px rgba(242, 168, 101, 0.2);
+  --focus-ring: 0 0 0 3px rgba(255, 140, 0, 0.3);
+  --footer-text: #8a8a8a;
+  --tab-active-bg: #2b2b2b;
+  --tab-inactive-color: #adadad;
 }

shared/fonts.css

@@ -0,0 +1,24 @@
+/* DM Sans – https://fontsource.org/fonts/dm-sans */
+@font-face {
+  font-family: 'DM Sans';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(https://cdn.jsdelivr.net/fontsource/fonts/dm-sans@latest/latin-400-normal.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'DM Sans';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url(https://cdn.jsdelivr.net/fontsource/fonts/dm-sans@latest/latin-500-normal.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'DM Sans';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src: url(https://cdn.jsdelivr.net/fontsource/fonts/dm-sans@latest/latin-600-normal.woff2) format('woff2');
+}

shared/ui-components.css

@@ -7,7 +7,7 @@ button {
   color: var(--button-text);
   cursor: pointer;
   transition: all 0.2s ease;
-  font-size: 0.85rem;
+  font-size: var(--text-base, 13px);
   font-family: inherit;
   font-weight: 500;
   display: inline-flex;
@@ -15,7 +15,7 @@ button {
   justify-content: center;
   gap: 5px;
   white-space: nowrap;
-  line-height: 1.2;
+  line-height: var(--leading-tight, 1.25);
 }
 
 button:hover {
@@ -81,7 +81,7 @@ button:disabled {
 
 .icon-btn:hover {
   opacity: 1;
-  background: rgba(242, 168, 101, 0.15);
+  background: rgba(255, 140, 0, 0.15);
   color: var(--accent);
 }
 
@@ -89,42 +89,56 @@ button:disabled {
   pointer-events: none;
 }
 
-/* Toggle Switches */
+/* Shared Switch (label + input + span) – used in popup and list manager */
-.toggle-btn {
+.switch-wrapper {
+  position: relative;
+  display: inline-block;
   width: 40px;
   height: 22px;
-  background: rgba(255, 255, 255, 0.1);
-  border: 1px solid var(--input-border);
-  border-radius: 11px;
-  position: relative;
   cursor: pointer;
-  transition: all 0.2s ease;
-  padding: 0;
   flex-shrink: 0;
 }
 
-.toggle-btn::after {
+.switch-input {
-  content: '';
+  opacity: 0;
+  width: 0;
+  height: 0;
   position: absolute;
-  width: 16px;
+}
+
+.switch-slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--input-border);
+  transition: 0.3s;
+  border-radius: 11px;
+}
+
+.switch-slider:before {
+  position: absolute;
+  content: "";
   height: 16px;
-  background: var(--text-color);
+  width: 16px;
-  border-radius: 50%;
-  top: 2px;
   left: 2px;
-  transition: all 0.2s ease;
+  bottom: 2px;
+  background-color: white;
+  transition: 0.3s;
+  border-radius: 50%;
 }
 
-.toggle-btn.active {
+.switch-input:checked + .switch-slider {
-  background: var(--accent);
+  background-color: var(--accent);
-  border-color: var(--accent);
 }
 
-.toggle-btn.active::after {
+.switch-input:checked + .switch-slider:before {
-  left: 20px;
+  transform: translateX(18px);
-  background: var(--accent-text);
 }
 
+
 /* Switch Toggle (Checkbox Style) */
 input[type="checkbox"].switch {
   -webkit-appearance: none;
@@ -254,9 +268,10 @@ select {
   border: 1px solid var(--input-border);
   background-color: var(--input-bg);
   color: var(--text-color);
-  font-size: 0.85em;
+  font-size: var(--text-base, 13px);
   box-sizing: border-box;
   font-family: inherit;
+  line-height: var(--leading-normal, 1.4);
 }
 
 input[type="text"]:focus,
@@ -352,3 +367,79 @@ input[type="color"]::-moz-color-swatch {
 #themeToggle:checked + .theme-icon::before {
   content: "\f186"; /* moon icon */
 }
+
+/* Word list eye toggle (active/disabled) – replaces switch in word items */
+.word-item-eye-toggle {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  min-width: 28px;
+  margin-right: 6px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  background: transparent;
+  color: var(--text-color);
+  opacity: 0.7;
+  flex-shrink: 0;
+  transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease;
+}
+
+.word-item-eye-toggle:hover {
+  opacity: 1;
+  background: var(--highlight-tag);
+  color: var(--accent);
+}
+
+.word-item-eye-input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+  pointer-events: none;
+}
+
+.word-item-eye-icon {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  pointer-events: none;
+}
+
+.word-item-eye-icon i {
+  position: absolute;
+  font-size: 14px;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: opacity 0.2s ease;
+}
+
+/* Active state: show eye, hide eye-slash */
+.word-item-eye-input:checked ~ .word-item-eye-icon .eye-active {
+  opacity: 1;
+  color: var(--accent);
+}
+
+.word-item-eye-input:checked ~ .word-item-eye-icon .eye-disabled {
+  opacity: 0;
+  pointer-events: none;
+}
+
+/* Disabled state: show eye-slash, hide eye */
+.word-item-eye-input:not(:checked) ~ .word-item-eye-icon .eye-active {
+  opacity: 0;
+  pointer-events: none;
+}
+
+.word-item-eye-input:not(:checked) ~ .word-item-eye-icon .eye-disabled {
+  opacity: 1;
+  color: var(--text-color);
+}

src/content/HighlightEngine.ts

@@ -53,7 +53,7 @@ export class HighlightEngine {
             popup.className = 'goose-highlighter-textarea-popup';
             popup.innerHTML = `
               <div class="gh-popup-titlebar">
-                <button class="gh-popup-close" title="Close">&times;</button>
+                <button class="gh-popup-close" title="${chrome.i18n.getMessage('close') || 'Close'}">&times;</button>
               </div>
               <pre class="gh-popup-pre">${HighlightEngine.renderHighlighted(text, pattern)}</pre>
             `;

src/list-manager/ListManagerController.ts

@@ -45,8 +45,6 @@ async initialize(): Promise<void> {
     document.getElementById('duplicateListBtn')?.addEventListener('click', () => this.duplicateCurrentList());
     document.getElementById('mergeListsBtn')?.addEventListener('click', () => this.mergeSelectedLists());
     document.getElementById('deleteListsBtn')?.addEventListener('click', () => this.deleteSelectedLists());
-    document.getElementById('activateListsBtn')?.addEventListener('click', () => this.setSelectedListsActive(true));
-    document.getElementById('deactivateListsBtn')?.addEventListener('click', () => this.setSelectedListsActive(false));
     document.getElementById('editListNameBtn')?.addEventListener('click', () => this.toggleListSettings());
     document.getElementById('applyListSettingsBtn')?.addEventListener('click', () => this.applyListSettings());
     document.getElementById('importListBtn')?.addEventListener('click', () => this.triggerImport());
@@ -74,6 +72,7 @@ const wordSearch = document.getElementById('wordSearch') as HTMLInputElement;
 
     const listsContainer = document.getElementById('listsContainer');
     listsContainer?.addEventListener('click', (e) => this.handleListClick(e));
+    listsContainer?.addEventListener('keydown', (e) => this.handleListsKeydown(e));
     listsContainer?.addEventListener('dragstart', (e) => this.handleDragStart(e));
     listsContainer?.addEventListener('dragover', (e) => this.handleDragOver(e));
     listsContainer?.addEventListener('drop', (e) => this.handleDrop(e));
@@ -140,7 +139,7 @@ const wordSearch = document.getElementById('wordSearch') as HTMLInputElement;
   private mergeSelectedLists(): void {
     const selected = this.getSelectedListIndices();
     if (selected.length < 2) {
-      alert('Select at least two lists to merge.');
+      alert(chrome.i18n.getMessage('merge_lists_min_two') || 'Select at least two lists to merge.');
       return;
     }
 
@@ -148,7 +147,10 @@ const wordSearch = document.getElementById('wordSearch') as HTMLInputElement;
     const target = this.lists[targetIndex];
     if (!target) return;
 
-    const confirmMessage = `Merge ${selected.length - 1} list(s) into "${target.name}"? Source lists will be removed.`;
+    const confirmMessage = chrome.i18n.getMessage('merge_lists_confirm')
+      ?.replace('{count}', String(selected.length - 1))
+      .replace('{target}', target.name) 
+      || `Merge ${selected.length - 1} list(s) into "${target.name}"? Source lists will be removed.`;
     if (!confirm(confirmMessage)) return;
 
     const sourceIndices = selected.filter(index => index !== targetIndex).sort((a, b) => b - a);
@@ -169,10 +171,13 @@ const wordSearch = document.getElementById('wordSearch') as HTMLInputElement;
     const selected = this.getSelectedListIndices();
     if (selected.length === 0) {
       if (!this.lists[this.currentListIndex]) return;
-      if (!confirm('Delete current list?')) return;
+      if (!confirm(chrome.i18n.getMessage('delete_current_list') || 'Delete current list?')) return;
       this.lists.splice(this.currentListIndex, 1);
     } else {
-      if (!confirm(`Delete ${selected.length} selected list(s)?`)) return;
+      const confirmMessage = chrome.i18n.getMessage('delete_lists_confirm')
+        ?.replace('{count}', String(selected.length))
+        || `Delete ${selected.length} selected list(s)?`;
+      if (!confirm(confirmMessage)) return;
       selected.sort((a, b) => b - a).forEach(index => this.lists.splice(index, 1));
     }
 
@@ -186,18 +191,13 @@ const wordSearch = document.getElementById('wordSearch') as HTMLInputElement;
     this.save();
   }
 
-  private setSelectedListsActive(active: boolean): void {
+  private toggleListActive(index: number): void {
-    const selected = this.getSelectedListIndices();
+    const list = this.lists[index];
-    if (selected.length === 0) {
+    if (list) {
-      const list = this.lists[this.currentListIndex];
+      list.active = !list.active;
-      if (list) list.active = active;
-    } else {
-      selected.forEach(index => {
-        if (this.lists[index]) this.lists[index].active = active;
-      });
-    }
       this.save();
     }
+  }
 
   private applyListSettings(): void {
     const list = this.lists[this.currentListIndex];
@@ -265,13 +265,14 @@ const wordSearch = document.getElementById('wordSearch') as HTMLInputElement;
       const data = JSON.parse(text);
       
       if (!this.validateImportData(data)) {
-        alert('Invalid file format. Please select a valid Goose Highlighter export file.');
+        alert(chrome.i18n.getMessage('invalid_import_format') || 'Invalid file format. Please select a valid Goose Highlighter export file.');
         return;
       }
 
       this.importLists(data);
     } catch (error) {
       console.error('Import error:', error);
+      alert(chrome.i18n.getMessage('import_failed') || 'Failed to import file. Please ensure it is a valid JSON file.');
       alert('Failed to import file. Please ensure it is a valid JSON file.');
     }
   }
@@ -361,7 +362,10 @@ const wordSearch = document.getElementById('wordSearch') as HTMLInputElement;
   private deleteSelectedWords(): void {
     const list = this.lists[this.currentListIndex];
     if (!list || this.selectedWords.size === 0) return;
-    if (!confirm(`Delete ${this.selectedWords.size} selected word(s)?`)) return;
+    const confirmMessage = chrome.i18n.getMessage('confirm_delete_words')
+      ?.replace('{count}', String(this.selectedWords.size))
+      || `Delete ${this.selectedWords.size} selected word(s)?`;
+    if (!confirm(confirmMessage)) return;
 
     list.words = list.words.filter((_, i) => !this.selectedWords.has(i));
     this.selectedWords.clear();
@@ -429,6 +433,14 @@ const wordSearch = document.getElementById('wordSearch') as HTMLInputElement;
     const index = Number(listItem.dataset.index);
     if (Number.isNaN(index)) return;
 
+    // Click on active/paused badge toggles that list's active state
+    if (target.closest('.list-badge')) {
+      event.preventDefault();
+      event.stopPropagation();
+      this.toggleListActive(index);
+      return;
+    }
+
     const mouseEvent = event as MouseEvent;
     // Ctrl/Cmd + click for multi-select
     if (mouseEvent.ctrlKey || mouseEvent.metaKey) {
@@ -449,6 +461,18 @@ const wordSearch = document.getElementById('wordSearch') as HTMLInputElement;
     this.render();
   }
 
+  private handleListsKeydown(event: KeyboardEvent): void {
+    const target = event.target as HTMLElement;
+    const badge = target.closest('.list-badge');
+    if (!badge) return;
+    const listItem = badge.closest('.list-item') as HTMLElement | null;
+    if (!listItem) return;
+    if (event.key !== 'Enter' && event.key !== ' ') return;
+    event.preventDefault();
+    const index = Number(listItem.dataset.index);
+    if (!Number.isNaN(index)) this.toggleListActive(index);
+  }
+
   private handleDragStart(event: DragEvent): void {
     const target = (event.target as HTMLElement).closest('.list-item') as HTMLElement | null;
     if (!target) return;
@@ -595,16 +619,8 @@ const wordSearch = document.getElementById('wordSearch') as HTMLInputElement;
       return;
     }
 
-    // Handle toggle button click
+    // Don't select if clicking on eye toggle
-    if (target.classList.contains('toggle-btn')) {
+    if (target.closest('.word-item-eye-toggle')) {
-      event.stopPropagation();
-      const index = Number(target.dataset.index);
-      if (Number.isNaN(index)) return;
-      const word = list.words[index];
-      if (word) {
-        word.active = !word.active;
-        this.save();
-      }
       return;
     }
 
@@ -655,6 +671,22 @@ const wordSearch = document.getElementById('wordSearch') as HTMLInputElement;
     const list = this.lists[this.currentListIndex];
     if (!list) return;
 
+    // Handle eye toggle (active/disabled)
+    if (target.classList.contains('word-item-eye-input')) {
+      const wordItem = target.closest('.word-item') as HTMLElement;
+      if (wordItem) {
+        const index = Number(wordItem.dataset.index);
+        if (!Number.isNaN(index)) {
+          const word = list.words[index];
+          if (word) {
+            word.active = target.checked;
+            this.save();
+          }
+        }
+      }
+      return;
+    }
+
     const editIndex = Number(target.dataset.bgEdit ?? target.dataset.fgEdit ?? -1);
     if (Number.isNaN(editIndex) || editIndex < 0) return;
 
@@ -749,12 +781,20 @@ const wordSearch = document.getElementById('wordSearch') as HTMLInputElement;
       if (this.selectedLists.has(index)) item.classList.add('selected');
       item.draggable = true;
       item.dataset.index = index.toString();
+      
+      const wordsLabel = chrome.i18n.getMessage('words_label') || 'words';
+      const activeLabel = chrome.i18n.getMessage('active_label') || 'active';
+      const badgeText = list.active 
+        ? (chrome.i18n.getMessage('list_active_badge') || 'Active')
+        : (chrome.i18n.getMessage('list_paused_badge') || 'Paused');
+      const toggleBadgeTitle = chrome.i18n.getMessage('toggle_active') || 'Toggle active';
+      
       item.innerHTML = `
         <div class="list-meta">
           <div class="list-name">${DOMUtils.escapeHtml(list.name)}</div>
-          <div class="list-stats">${total} words • ${activeCount} active</div>
+          <div class="list-stats">${total} ${wordsLabel} • ${activeCount} ${activeLabel}</div>
         </div>
-        <div class="list-badge">${list.active ? 'Active' : 'Paused'}</div>
+        <div class="list-badge" role="button" title="${DOMUtils.escapeHtml(toggleBadgeTitle)}" tabindex="0" aria-label="${DOMUtils.escapeHtml(toggleBadgeTitle)}">${badgeText}</div>
       `;
       container.appendChild(item);
     });
@@ -777,7 +817,10 @@ const wordSearch = document.getElementById('wordSearch') as HTMLInputElement;
     if (stats) {
       const activeCount = list.words.filter(word => word.active).length;
       const inactiveCount = list.words.length - activeCount;
-      stats.textContent = `${list.words.length} words • ${activeCount} active • ${inactiveCount} inactive`;
+      const wordsLabel = chrome.i18n.getMessage('words_label') || 'words';
+      const activeLabel = chrome.i18n.getMessage('active_label') || 'active';
+      const inactiveLabel = chrome.i18n.getMessage('inactive_label') || 'inactive';
+      stats.textContent = `${list.words.length} ${wordsLabel} • ${activeCount} ${activeLabel} • ${inactiveCount} ${inactiveLabel}`;
     }
 
     // Collapse settings panel when switching lists
@@ -811,7 +854,8 @@ private renderWords(): void {
     this.totalWords = entries.length;
 
     if (entries.length === 0) {
-      wordList.innerHTML = '<div class="empty">No words in this list.</div>';
+      const emptyMessage = chrome.i18n.getMessage('no_words_in_list') || 'No words in this list.';
+      wordList.innerHTML = `<div class="empty">${emptyMessage}</div>`;
       this.renderPaginationControls();
       return;
     }
@@ -820,6 +864,11 @@ private renderWords(): void {
     const endIndex = Math.min(startIndex + this.pageSize, this.totalWords);
     const paginatedEntries = entries.slice(startIndex, endIndex);
 
+    const editWordTitle = chrome.i18n.getMessage('edit_word') || 'Edit word';
+    const bgColorTitle = chrome.i18n.getMessage('background_color_title') || 'Background color';
+    const fgColorTitle = chrome.i18n.getMessage('text_color_title') || 'Text color';
+    const toggleActiveTitle = chrome.i18n.getMessage('toggle_active') || 'Toggle active';
+
     wordList.innerHTML = paginatedEntries.map(entry => {
       const word = entry.word;
       const index = entry.index;
@@ -829,12 +878,18 @@ private renderWords(): void {
           <span class="word-text">${DOMUtils.escapeHtml(word.wordStr)}</span>
           <input type="text" class="word-edit-input" value="${DOMUtils.escapeHtml(word.wordStr)}" data-word-edit="${index}">
           <div class="word-actions">
-            <button class="icon-btn edit-word-btn" data-index="${index}" title="Edit word">
+            <button class="icon-btn edit-word-btn" data-index="${index}" title="${editWordTitle}">
               <i class="fa-solid fa-pen"></i>
             </button>
-            <input type="color" value="${word.background || list.background}" data-bg-edit="${index}" title="Background color">
+            <input type="color" value="${word.background || list.background}" data-bg-edit="${index}" title="${bgColorTitle}">
-            <input type="color" value="${word.foreground || list.foreground}" data-fg-edit="${index}" title="Foreground color">
+            <input type="color" value="${word.foreground || list.foreground}" data-fg-edit="${index}" title="${fgColorTitle}">
-            <button class="toggle-btn ${word.active ? 'active' : ''}" data-index="${index}" title="Toggle active"></button>
+            <label class="word-item-eye-toggle" title="${toggleActiveTitle}" aria-label="${toggleActiveTitle}">
+              <input type="checkbox" class="word-item-eye-input" ${word.active ? 'checked' : ''} data-index="${index}">
+              <span class="word-item-eye-icon">
+                <i class="fa-solid fa-eye eye-active"></i>
+                <i class="fa-solid fa-eye-slash eye-disabled"></i>
+              </span>
+            </label>
           </div>
         </div>
       `;
@@ -857,30 +912,47 @@ if (totalPages <= 1) {
     const startItem = (this.currentPage - 1) * this.pageSize + 1;
     const endItem = Math.min(this.currentPage * this.pageSize, this.totalWords);
 
+    const showingText = chrome.i18n.getMessage('showing_items')
+      ?.replace('{start}', String(startItem))
+      .replace('{end}', String(endItem))
+      .replace('{total}', String(this.totalWords))
+      || `Showing ${startItem}-${endItem} of ${this.totalWords} words`;
+    
+    const pageInfoText = chrome.i18n.getMessage('page_info')
+      ?.replace('{current}', String(this.currentPage))
+      .replace('{total}', String(totalPages))
+      || `Page ${this.currentPage} of ${totalPages}`;
+    
+    const itemsPerPageLabel = chrome.i18n.getMessage('items_per_page') || 'Items per page:';
+    const firstPageTitle = chrome.i18n.getMessage('first_page') || 'First page';
+    const prevPageTitle = chrome.i18n.getMessage('previous_page') || 'Previous page';
+    const nextPageTitle = chrome.i18n.getMessage('next_page') || 'Next page';
+    const lastPageTitle = chrome.i18n.getMessage('last_page') || 'Last page';
+
     paginationContainer.style.display = 'flex';
     paginationContainer.innerHTML = `
       <div class="pagination-info">
-        Showing ${startItem}-${endItem} of ${this.totalWords} words
+        ${showingText}
       </div>
       <div class="pagination-controls">
-        <button class="pagination-btn" id="firstPageBtn" ${this.currentPage === 1 ? 'disabled' : ''} title="First page">
+        <button class="pagination-btn" id="firstPageBtn" ${this.currentPage === 1 ? 'disabled' : ''} title="${firstPageTitle}">
           <i class="fa-solid fa-angles-left"></i>
         </button>
-        <button class="pagination-btn" id="prevPageBtn" ${this.currentPage === 1 ? 'disabled' : ''} title="Previous page">
+        <button class="pagination-btn" id="prevPageBtn" ${this.currentPage === 1 ? 'disabled' : ''} title="${prevPageTitle}">
           <i class="fa-solid fa-angle-left"></i>
         </button>
         <div class="pagination-pages">
-          <span class="page-info">Page ${this.currentPage} of ${totalPages}</span>
+          <span class="page-info">${pageInfoText}</span>
         </div>
-        <button class="pagination-btn" id="nextPageBtn" ${this.currentPage === totalPages ? 'disabled' : ''} title="Next page">
+        <button class="pagination-btn" id="nextPageBtn" ${this.currentPage === totalPages ? 'disabled' : ''} title="${nextPageTitle}">
           <i class="fa-solid fa-angle-right"></i>
         </button>
-        <button class="pagination-btn" id="lastPageBtn" ${this.currentPage === totalPages ? 'disabled' : ''} title="Last page">
+        <button class="pagination-btn" id="lastPageBtn" ${this.currentPage === totalPages ? 'disabled' : ''} title="${lastPageTitle}">
           <i class="fa-solid fa-angles-right"></i>
         </button>
       </div>
       <div class="page-size-controls">
-        <label for="pageSizeSelect">Items per page:</label>
+        <label for="pageSizeSelect">${itemsPerPageLabel}</label>
         <select id="pageSizeSelect" class="page-size-select">
           <option value="25" ${this.pageSize === 25 ? 'selected' : ''}>25</option>
           <option value="50" ${this.pageSize === 50 ? 'selected' : ''}>50</option>

src/list-manager/list-manager.ts

@@ -1,5 +1,31 @@
 import { ListManagerController } from './ListManagerController.js';
 
+function localizePage(): void {
+  const elements = document.querySelectorAll('[data-i18n]');
+  elements.forEach(element => {
+    const message = (element as HTMLElement).dataset.i18n!;
+    const localizedText = chrome.i18n.getMessage(message);
+    if (localizedText) {
+      if ((element.tagName === 'INPUT' || element.tagName === 'TEXTAREA') && (element as HTMLInputElement).hasAttribute('placeholder')) {
+        (element as HTMLInputElement).placeholder = localizedText;
+      } else {
+        element.textContent = localizedText;
+      }
+    }
+  });
+
+  const titleElements = document.querySelectorAll('[data-i18n-title]');
+  titleElements.forEach(element => {
+    const key = element.getAttribute('data-i18n-title');
+    if (key) {
+      const translation = chrome.i18n.getMessage(key);
+      if (translation) {
+        element.setAttribute('title', translation);
+      }
+    }
+  });
+}
+
 const savedTheme = localStorage.getItem('theme');
 if (savedTheme === 'light') {
   document.documentElement.classList.add('light');
@@ -8,6 +34,7 @@ if (savedTheme === 'light') {
 }
 
 document.addEventListener('DOMContentLoaded', async () => {
+  localizePage();
   const controller = new ListManagerController();
   await controller.initialize();
 });

src/popup/PopupController.ts

@@ -69,7 +69,7 @@ export class PopupController {
 
   private loadActiveTab(): void {
     const saved = localStorage.getItem('goose-highlighter-active-tab');
-    if (saved) {
+    if (saved && saved !== 'options') {
       this.activeTab = saved;
     }
   }
@@ -109,6 +109,7 @@ export class PopupController {
 
   private setupEventListeners(): void {
     this.setupTabs();
+    this.setupSettingsOverlay();
     this.setupListManagement();
     this.setupWordManagement();
     this.setupSettings();
@@ -119,6 +120,26 @@ export class PopupController {
     this.setupStorageSync();
   }
 
+  private setupSettingsOverlay(): void {
+    const overlay = document.getElementById('settingsOverlay');
+    const settingsBtn = document.getElementById('settingsBtn');
+    const closeBtn = document.getElementById('settingsCloseBtn');
+
+    settingsBtn?.addEventListener('click', () => {
+      overlay?.classList.add('open');
+    });
+
+    closeBtn?.addEventListener('click', () => {
+      overlay?.classList.remove('open');
+    });
+
+    overlay?.addEventListener('click', (e) => {
+      if (e.target === overlay) {
+        overlay.classList.remove('open');
+      }
+    });
+  }
+
   private setupTabs(): void {
     document.querySelectorAll('.tab-button').forEach(button => {
       button.addEventListener('click', () => {
@@ -257,20 +278,6 @@ export class PopupController {
       const list = this.lists[this.currentListIndex];
       if (!list) return;
 
-      // Handle checkbox click
-      if (target.classList.contains('word-item-checkbox')) {
-        e.stopPropagation();
-        const wordItem = target.closest('.word-item') as HTMLElement;
-        if (wordItem) {
-          const index = Number(wordItem.dataset.index);
-          if (!Number.isNaN(index)) {
-            const mouseEvent = e as MouseEvent;
-            this.toggleWordSelection(index, mouseEvent.ctrlKey || mouseEvent.metaKey);
-          }
-        }
-        return;
-      }
-
       // Handle edit button click
       const editBtn = target.closest('.word-item-icon-btn.edit-word-btn') as HTMLElement | null;
       if (editBtn) {
@@ -299,8 +306,8 @@ export class PopupController {
         return;
       }
 
-      // Don't select if clicking on switch
+      // Don't select if clicking on eye toggle
-      if (target.closest('.switch-wrapper')) {
+      if (target.closest('.word-item-eye-toggle')) {
         return;
       }
 
@@ -319,8 +326,8 @@ export class PopupController {
       const target = e.target as HTMLInputElement;
       const list = this.lists[this.currentListIndex];
 
-      // Handle switch toggle
+      // Handle eye toggle (active/disabled)
-      if (target.classList.contains('switch-input')) {
+      if (target.classList.contains('word-item-eye-input')) {
         const wordItem = target.closest('.word-item') as HTMLElement;
         if (wordItem) {
           const index = Number(wordItem.dataset.index);
@@ -393,18 +400,17 @@ export class PopupController {
 
   private toggleWordSelection(index: number, multiSelect: boolean): void {
     if (multiSelect) {
+      // Ctrl/Cmd + click for multi-select
       if (this.selectedCheckboxes.has(index)) {
         this.selectedCheckboxes.delete(index);
       } else {
         this.selectedCheckboxes.add(index);
       }
     } else {
-      if (this.selectedCheckboxes.has(index)) {
+      // Regular click - clear all and select only this one
-        this.selectedCheckboxes.delete(index);
+      this.selectedCheckboxes.clear();
-      } else {
       this.selectedCheckboxes.add(index);
     }
-    }
     this.renderWords();
   }
 
@@ -598,10 +604,10 @@ export class PopupController {
           ${highlight.count > 1 ? `
             <div class="page-highlight-nav">
               <button class="highlight-prev" title="${chrome.i18n.getMessage('previous') || 'Previous'}">
-                <i class="lucide lucide-chevron-up"></i>
+                <i class="fa-solid fa-chevron-up"></i>
               </button>
               <button class="highlight-next" title="${chrome.i18n.getMessage('next') || 'Next'}">
-                <i class="lucide lucide-chevron-down"></i>
+                <i class="fa-solid fa-chevron-down"></i>
               </button>
             </div>
           ` : ''}
@@ -705,16 +711,32 @@ export class PopupController {
   }
 
   private setupTheme(): void {
-    // Theme is now controlled by system/browser preference
+    const themeToggle = document.getElementById('themeToggle') as HTMLInputElement;
-    // Remove the manual theme toggle from the UI
+    
+    // Load saved theme
     const savedTheme = localStorage.getItem('theme');
     if (savedTheme === 'light') {
       document.documentElement.classList.remove('dark');
       document.documentElement.classList.add('light');
+      if (themeToggle) themeToggle.checked = false;
     } else {
       document.documentElement.classList.add('dark');
       document.documentElement.classList.remove('light');
+      if (themeToggle) themeToggle.checked = true;
     }
+
+    // Setup toggle listener
+    themeToggle?.addEventListener('change', () => {
+      if (themeToggle.checked) {
+        document.documentElement.classList.add('dark');
+        document.documentElement.classList.remove('light');
+        localStorage.setItem('theme', 'dark');
+      } else {
+        document.documentElement.classList.remove('dark');
+        document.documentElement.classList.add('light');
+        localStorage.setItem('theme', 'light');
+      }
+    });
   }
 
   private applyListSettings(): void {
@@ -904,7 +926,6 @@ export class PopupController {
 
     return `
       <div class="word-item ${isSelected ? 'selected' : ''}" data-index="${realIndex}">
-        <div class="word-item-checkbox ${isSelected ? 'checked' : ''}"></div>
         <span class="word-item-text">${DOMUtils.escapeHtml(word.wordStr)}</span>
         <input type="text" class="word-item-edit-input" value="${DOMUtils.escapeHtml(word.wordStr)}" data-word-edit="${realIndex}" style="display: none;">
         <div class="word-item-actions">
@@ -913,9 +934,12 @@ export class PopupController {
           </button>
           <input type="color" value="${bgColor}" data-bg-edit="${realIndex}" class="word-item-color-picker" title="${chrome.i18n.getMessage('background_color_title') || 'Background color'}">
           <input type="color" value="${fgColor}" data-fg-edit="${realIndex}" class="word-item-color-picker" title="${chrome.i18n.getMessage('text_color_title') || 'Text color'}">
-          <label class="switch-wrapper word-item-switch">
+          <label class="word-item-eye-toggle" title="${chrome.i18n.getMessage('toggle_active') || 'Toggle active'}" aria-label="${chrome.i18n.getMessage('toggle_active') || 'Toggle active'}">
-            <input type="checkbox" class="switch-input" ${word.active !== false ? 'checked' : ''} title="${chrome.i18n.getMessage('toggle_active') || 'Toggle active'}">
+            <input type="checkbox" class="word-item-eye-input" ${word.active !== false ? 'checked' : ''} data-index="${realIndex}">
-            <span class="switch-slider"></span>
+            <span class="word-item-eye-icon">
+              <i class="fa-solid fa-eye eye-active"></i>
+              <i class="fa-solid fa-eye-slash eye-disabled"></i>
+            </span>
           </label>
         </div>
       </div>
@@ -955,7 +979,10 @@ export class PopupController {
     container.innerHTML = this.exceptionsList.map(domain =>
       `<div class="exception-item">
         <span class="exception-domain">${DOMUtils.escapeHtml(domain)}</span>
-        <button class="exception-remove" data-domain="${DOMUtils.escapeHtml(domain)}">${chrome.i18n.getMessage('remove') || 'Remove'}</button>
+        <button class="exception-remove" data-domain="${DOMUtils.escapeHtml(domain)}">
+          <i class="fa-solid fa-trash"></i>
+          ${chrome.i18n.getMessage('remove') || 'Remove'}
+        </button>
       </div>`
     ).join('');
   }

src/popup/popup.ts

@@ -20,6 +20,17 @@ function localizePage(): void {
       }
     }
   });
+
+  const titleElements = document.querySelectorAll('[data-i18n-title]');
+  titleElements.forEach(element => {
+    const key = element.getAttribute('data-i18n-title');
+    if (key) {
+      const translation = chrome.i18n.getMessage(key);
+      if (translation) {
+        element.setAttribute('title', translation);
+      }
+    }
+  });
 }
 
 function displayVersion(): void {