From 6597ac8cbb30eed3d2d255ef6d92b1e04641f1b7 Mon Sep 17 00:00:00 2001 From: StillHammer Date: Mon, 1 Dec 2025 12:17:57 +0800 Subject: [PATCH] =?UTF-8?q?Ajout=20onglet=20Settings=20avec=20configuratio?= =?UTF-8?q?n=20globale=20compl=C3=A8te?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Nouvel onglet Settings (⚙️) permettant de configurer: Paramètres globaux: - Niveau de langue (Proto/Ancien Confluent) → S'applique aux traductions et au lexique → Supprimé des onglets individuels Configuration LLM: - Provider (Anthropic/OpenAI) - Modèle (avec mise à jour dynamique selon provider) - Température (slider 0.0-2.0 pour créativité) Interface: - Thème clair/sombre avec CSS complet - Mode verbose (checkbox pour détails) - Application immédiate du thème API Keys (optionnel): - Anthropic API Key - OpenAI API Key - Placeholder pour utilisation clés serveur Fonctionnalités: - localStorage pour persistance - Bouton sauvegarde avec message confirmation - Paramètres appliqués à tous les onglets - Valeurs par défaut définies Interface simplifiée: choix de langue retiré des autres onglets car centralisé dans Settings. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- ConfluentTranslator/public/index.html | 300 +++++++++++++++++++++++--- 1 file changed, 273 insertions(+), 27 deletions(-) diff --git a/ConfluentTranslator/public/index.html b/ConfluentTranslator/public/index.html index b289f47..9db1586 100644 --- a/ConfluentTranslator/public/index.html +++ b/ConfluentTranslator/public/index.html @@ -303,6 +303,96 @@ font-style: italic; } .error { color: #ff4a4a; } + + /* Light theme */ + body.light-theme { + background: #f5f5f5; + color: #1a1a1a; + } + body.light-theme html { + background: #f5f5f5; + } + body.light-theme h1 { + color: #2563eb; + } + body.light-theme .panel { + background: #ffffff; + border-color: #e5e5e5; + } + body.light-theme .panel h2 { + color: #2563eb; + } + body.light-theme label { + color: #666; + } + body.light-theme select, + body.light-theme input, + body.light-theme textarea { + background: #f9f9f9; + border-color: #e5e5e5; + color: #1a1a1a; + } + body.light-theme select option { + background: #ffffff; + color: #1a1a1a; + } + body.light-theme .tab { + color: #666; + } + body.light-theme .tab.active { + color: #2563eb; + border-bottom-color: #2563eb; + } + body.light-theme .tabs { + border-bottom-color: #e5e5e5; + } + body.light-theme .layer { + background: #ffffff; + border-color: #e5e5e5; + } + body.light-theme .layer1 { + background: #f9f9f9; + border-color: #2563eb; + } + body.light-theme .layer1-title { + color: #2563eb; + } + body.light-theme .layer1-content { + color: #2563eb; + } + body.light-theme .layer-header { + background: #ffffff; + } + body.light-theme .layer-header:hover { + background: #f5f5f5; + } + body.light-theme .layer-content { + background: #f9f9f9; + } + body.light-theme .layer-arrow { + color: #2563eb; + } + body.light-theme .word-match { + background: #ffffff; + border-left-color: #2563eb; + } + body.light-theme .word-match-output { + color: #2563eb; + } + body.light-theme .stat-box { + background: #ffffff; + border-left-color: #2563eb; + } + body.light-theme .stat-value { + color: #2563eb; + } + body.light-theme .lexique-item { + background: #f9f9f9; + border-left-color: #2563eb; + } + body.light-theme .lexique-cf { + color: #2563eb; + } @@ -314,19 +404,13 @@ +

Traduction Français → Confluent

-
- - -
@@ -413,13 +497,6 @@

Recherche dans le lexique

-
- - -
@@ -431,6 +508,93 @@
+ +
+
+

⚙️ Paramètres globaux

+ +
+ + + + S'applique aux traductions et recherches dans le lexique + +
+ +

🤖 Configuration LLM

+ +
+
+ + +
+
+ + +
+
+ +
+ + +
+ Précis (0.0) + 1.0 + Créatif (2.0) +
+
+ +

🎨 Interface

+ +
+ + +
+ +
+ +
+ +

🔑 API Keys (optionnel)

+ +
+ + + + Laisser vide pour utiliser la clé du serveur + +
+ +
+ + + + Laisser vide pour utiliser la clé du serveur + +
+ + + +
+
+