add go bench client

frontend/css/themes/README.md

@@ -0,0 +1,121 @@
+# Thèmes Linux BenchTools
+
+Ce répertoire contient tous les thèmes de couleur disponibles pour l'application.
+
+## Thèmes disponibles
+
+### 🌙 Thèmes sombres
+
+#### Monokai Dark (par défaut)
+- **Fichier**: `monokai-dark.css`
+- **Palette**: Classique Monokai avec tons sombres
+- **Meilleur pour**: Utilisation prolongée, environnements faiblement éclairés
+
+#### Gruvbox Dark
+- **Fichier**: `gruvbox-dark.css`
+- **Palette**: Gruvbox avec tons chauds
+- **Meilleur pour**: Ambiance rétro et chaleureuse
+
+### ☀️ Thèmes clairs
+
+#### Monokai Light
+- **Fichier**: `monokai-light.css`
+- **Palette**: Monokai adapté pour fond clair
+- **Meilleur pour**: Environnements bien éclairés
+
+#### Gruvbox Light
+- **Fichier**: `gruvbox-light.css`
+- **Palette**: Gruvbox adapté pour fond clair, tons crème
+- **Meilleur pour**: Environnements lumineux avec ambiance chaleureuse
+
+## Variables CSS requises
+
+Chaque thème doit définir les variables suivantes :
+
+### Couleurs de fond
+- `--bg-primary`: Couleur de fond principale
+- `--bg-secondary`: Couleur de fond secondaire (cartes)
+- `--bg-tertiary`: Couleur de fond tertiaire (inputs)
+- `--bg-hover`: Couleur au survol
+
+### Couleurs de texte
+- `--text-primary`: Texte principal
+- `--text-secondary`: Texte secondaire
+- `--text-muted`: Texte atténué
+
+### Couleurs d'accent
+- `--color-red`: Rouge
+- `--color-orange`: Orange
+- `--color-yellow`: Jaune
+- `--color-green`: Vert
+- `--color-cyan`: Cyan
+- `--color-blue`: Bleu
+- `--color-purple`: Violet
+
+### Couleurs sémantiques
+- `--color-success`: Succès (généralement vert)
+- `--color-warning`: Avertissement (généralement orange)
+- `--color-danger`: Danger (généralement rouge)
+- `--color-info`: Information (généralement bleu/cyan)
+- `--color-primary`: Couleur primaire de l'app
+
+### Bordures
+- `--border-color`: Couleur de bordure normale
+- `--border-highlight`: Couleur de bordure accentuée
+
+### Ombres
+- `--shadow-sm`: Petite ombre
+- `--shadow-md`: Ombre moyenne
+- `--shadow-lg`: Grande ombre
+
+## Ajouter un nouveau thème
+
+1. Créez un fichier `mon-theme.css` dans ce répertoire
+2. Définissez toutes les variables requises ci-dessus
+3. Ajoutez le thème dans `theme-manager.js`
+4. Ajoutez l'option dans `settings.html`
+
+Exemple minimal :
+
+```css
+/**
+ * Mon Nouveau Thème
+ */
+
+:root {
+  --bg-primary: #...;
+  --bg-secondary: #...;
+  --bg-tertiary: #...;
+  --bg-hover: #...;
+
+  --text-primary: #...;
+  --text-secondary: #...;
+  --text-muted: #...;
+
+  --color-red: #...;
+  --color-orange: #...;
+  --color-yellow: #...;
+  --color-green: #...;
+  --color-cyan: #...;
+  --color-blue: #...;
+  --color-purple: #...;
+
+  --color-success: #...;
+  --color-warning: #...;
+  --color-danger: #...;
+  --color-info: #...;
+  --color-primary: #...;
+
+  --border-color: #...;
+  --border-highlight: #...;
+
+  --shadow-sm: 0 2px 4px rgba(...);
+  --shadow-md: 0 4px 12px rgba(...);
+  --shadow-lg: 0 8px 24px rgba(...);
+}
+```
+
+## Aperçu
+
+Pour voir un aperçu de tous les thèmes, ouvrez :
+`http://localhost:8087/theme-preview.html`

frontend/css/themes/gruvbox-dark.css

@@ -0,0 +1,42 @@
+/**
+ * Linux BenchTools - Gruvbox Dark Theme
+ * Dark variant of Gruvbox color palette
+ */
+
+:root {
+  /* Background Colors */
+  --bg-primary: #282828;
+  --bg-secondary: #3c3836;
+  --bg-tertiary: #504945;
+  --bg-hover: #665c54;
+
+  /* Text Colors */
+  --text-primary: #ebdbb2;
+  --text-secondary: #d5c4a1;
+  --text-muted: #a89984;
+
+  /* Gruvbox Accent Colors */
+  --color-red: #fb4934;
+  --color-orange: #fe8019;
+  --color-yellow: #fabd2f;
+  --color-green: #b8bb26;
+  --color-cyan: #8ec07c;
+  --color-blue: #83a598;
+  --color-purple: #d3869b;
+
+  /* Semantic Colors */
+  --color-success: #b8bb26;
+  --color-warning: #fabd2f;
+  --color-danger: #fb4934;
+  --color-info: #83a598;
+  --color-primary: #b8bb26;
+
+  /* Borders */
+  --border-color: #504945;
+  --border-highlight: #83a598;
+
+  /* Shadows */
+  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.4);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
+}

frontend/css/themes/gruvbox-light.css

@@ -0,0 +1,42 @@
+/**
+ * Linux BenchTools - Gruvbox Light Theme
+ * Light variant of Gruvbox color palette
+ */
+
+:root {
+  /* Background Colors */
+  --bg-primary: #fbf1c7;
+  --bg-secondary: #f9f5d7;
+  --bg-tertiary: #ebdbb2;
+  --bg-hover: #d5c4a1;
+
+  /* Text Colors */
+  --text-primary: #3c3836;
+  --text-secondary: #504945;
+  --text-muted: #7c6f64;
+
+  /* Gruvbox Accent Colors (adjusted for light background) */
+  --color-red: #cc241d;
+  --color-orange: #d65d0e;
+  --color-yellow: #d79921;
+  --color-green: #98971a;
+  --color-cyan: #689d6a;
+  --color-blue: #458588;
+  --color-purple: #b16286;
+
+  /* Semantic Colors */
+  --color-success: #98971a;
+  --color-warning: #d79921;
+  --color-danger: #cc241d;
+  --color-info: #458588;
+  --color-primary: #98971a;
+
+  /* Borders */
+  --border-color: #d5c4a1;
+  --border-highlight: #458588;
+
+  /* Shadows */
+  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2);
+}

frontend/css/themes/mix-monokai-gruvbox.css

@@ -0,0 +1,42 @@
+/**
+ * Linux BenchTools - Mix Monokai-Gruvbox Theme
+ * Thème hybride : arrière-plans Monokai + couleurs d'accent Gruvbox
+ */
+
+:root {
+  /* Background Colors - Monokai */
+  --bg-primary: #1e1e1e;
+  --bg-secondary: #2d2d2d;
+  --bg-tertiary: #3e3e3e;
+  --bg-hover: #4e4e4e;
+
+  /* Text Colors - Gruvbox */
+  --text-primary: #ebdbb2;
+  --text-secondary: #d5c4a1;
+  --text-muted: #a89984;
+
+  /* Gruvbox Accent Colors */
+  --color-red: #fb4934;
+  --color-orange: #fe8019;
+  --color-yellow: #fabd2f;
+  --color-green: #b8bb26;
+  --color-cyan: #8ec07c;
+  --color-blue: #83a598;
+  --color-purple: #d3869b;
+
+  /* Semantic Colors - Gruvbox */
+  --color-success: #b8bb26;
+  --color-warning: #fabd2f;
+  --color-danger: #fb4934;
+  --color-info: #83a598;
+  --color-primary: #b8bb26;
+
+  /* Borders - Mix */
+  --border-color: #504945;
+  --border-highlight: #83a598;
+
+  /* Shadows - Monokai (dark) */
+  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.4);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
+}

frontend/css/themes/monokai-dark.css

@@ -0,0 +1,42 @@
+/**
+ * Linux BenchTools - Monokai Dark Theme
+ * Default theme with dark Monokai color palette
+ */
+
+:root {
+  /* Background Colors */
+  --bg-primary: #1e1e1e;
+  --bg-secondary: #2d2d2d;
+  --bg-tertiary: #3e3e3e;
+  --bg-hover: #4e4e4e;
+
+  /* Text Colors */
+  --text-primary: #f8f8f2;
+  --text-secondary: #cccccc;
+  --text-muted: #75715e;
+
+  /* Monokai Accent Colors */
+  --color-red: #f92672;
+  --color-orange: #fd971f;
+  --color-yellow: #e6db74;
+  --color-green: #a6e22e;
+  --color-cyan: #66d9ef;
+  --color-blue: #66d9ef;
+  --color-purple: #ae81ff;
+
+  /* Semantic Colors */
+  --color-success: #a6e22e;
+  --color-warning: #fd971f;
+  --color-danger: #f92672;
+  --color-info: #66d9ef;
+  --color-primary: #a6e22e;
+
+  /* Borders */
+  --border-color: #444444;
+  --border-highlight: #66d9ef;
+
+  /* Shadows */
+  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.4);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
+}

frontend/css/themes/monokai-light.css

@@ -0,0 +1,42 @@
+/**
+ * Linux BenchTools - Monokai Light Theme
+ * Light variant of Monokai theme
+ */
+
+:root {
+  /* Background Colors */
+  --bg-primary: #f9f9f9;
+  --bg-secondary: #ffffff;
+  --bg-tertiary: #e8e8e8;
+  --bg-hover: #d8d8d8;
+
+  /* Text Colors */
+  --text-primary: #272822;
+  --text-secondary: #555555;
+  --text-muted: #999999;
+
+  /* Monokai Accent Colors (adjusted for light background) */
+  --color-red: #d81857;
+  --color-orange: #d87b18;
+  --color-yellow: #b8a900;
+  --color-green: #7cb82f;
+  --color-cyan: #0099cc;
+  --color-blue: #0099cc;
+  --color-purple: #8b5fd8;
+
+  /* Semantic Colors */
+  --color-success: #7cb82f;
+  --color-warning: #d87b18;
+  --color-danger: #d81857;
+  --color-info: #0099cc;
+  --color-primary: #7cb82f;
+
+  /* Borders */
+  --border-color: #d0d0d0;
+  --border-highlight: #0099cc;
+
+  /* Shadows */
+  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2);
+}