commit 899080e56c93cc99e81507c269734913f4d5ca21
Author: Claude Project Manager <claude@intelsight.de>
Date:   Tue Jul 8 22:51:32 2025 +0200

    Initial commit

diff --git a/CLAUDE_PROJECT_README.md b/CLAUDE_PROJECT_README.md
new file mode 100644
index 0000000..b641f8c
--- /dev/null
+++ b/CLAUDE_PROJECT_README.md
@@ -0,0 +1,46 @@
+# Styleguide
+
+*This README was automatically generated by Claude Project Manager*
+
+## Project Overview
+
+- **Path**: `A:/GiTea/Styleguide`
+- **Files**: 8 files
+- **Size**: 18.2 KB
+- **Last Modified**: 2025-07-08 21:04
+
+## Technology Stack
+
+## Project Structure
+
+```
+CORPORATE_DESIGN_DARK_MODE.md
+ressources/
+    ├── flags/
+    │   ├── de.svg
+    │   ├── en.svg
+    │   ├── es.svg
+    │   ├── fr.svg
+    │   └── ja.svg
+    └── mode/
+        ├── moon.svg
+        └── sun.svg
+```
+
+## Claude Integration
+
+This project is managed with Claude Project Manager. To work with this project:
+
+1. Open Claude Project Manager
+2. Click on this project's tile
+3. Claude will open in the project directory
+
+## Notes
+
+*Add your project-specific notes here*
+
+---
+
+## Development Log
+
+- README generated on 2025-07-08 22:51:20
diff --git a/CORPORATE_DESIGN_DARK_MODE.md b/CORPORATE_DESIGN_DARK_MODE.md
new file mode 100644
index 0000000..56d87a5
--- /dev/null
+++ b/CORPORATE_DESIGN_DARK_MODE.md
@@ -0,0 +1,202 @@
+# CORPORATE DESIGN SYSTEM - DARK MODE
+## Professional Toolbox Design Guidelines
+
+### 1. FARBPALETTE
+
+#### Hauptfarben
+- **Primär**: `#232D53` (Dunkelblau)
+  - Verwendung: Aktive Navigation, Button-Hover, Titelleisten
+  
+- **Akzent**: `#00D4FF` (Cyan)
+  - Verwendung: Primary Buttons, Hover-Borders, Icons, Links
+  - Hover-Variante: `#00B8E6` (Dunkleres Cyan)
+  
+- **Hintergrund**: `#000000` (Schwarz)
+  - Verwendung: Haupthintergrund der Anwendung
+  
+- **Sekundär-Hintergrund**: `#1A1F3A` (Dunkles Blau)
+  - Verwendung: Karten, Container, inaktive Elemente
+  - Hover-Variante: `#232D53` (bei Karten)
+  - Focus-Variante: `#2A3560` (bei Eingabefeldern)
+
+#### Textfarben
+- **Text-Primär**: `#FFFFFF` (Weiß)
+  - Verwendung: Überschriften, Buttons, wichtige Labels
+  
+- **Text-Sekundär**: `rgba(255, 255, 255, 0.7)` (70% Weiß)
+  - Verwendung: Beschreibungen, Hilfstexte
+  
+- **Text-Tertiär**: `rgba(255, 255, 255, 0.6)` (60% Weiß)
+  - Verwendung: Statusmeldungen, Copyright
+
+#### Spezialfarben
+- **Fehler/Gefahr**: `#FF4444` (Rot)
+  - Verwendung: Close-Buttons (Hover), Fehlermeldungen
+  
+- **Sidebar-Hintergrund**: `#0A0A0A` (Fast-Schwarz)
+  - Verwendung: Sidebar-Bereich
+
+### 2. TYPOGRAFIE
+
+#### Schriftfamilie
+```css
+font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
+```
+
+#### Schriftgrößen
+- **Große Titel**: 32px (z.B. Seitenüberschriften)
+- **Dialog-Titel**: 24px
+- **Karten-Titel**: 20px
+- **Navigation**: 15px
+- **Standard-Text**: 14px
+- **Kleine Texte**: 13px
+- **Hilfstexte**: 12px
+
+#### Schriftgewichte
+- **Bold**: 700 (Überschriften)
+- **Semibold**: 600 (Buttons, wichtige Labels)
+- **Medium**: 500 (Navigation)
+- **Regular**: 400 (Normaler Text)
+
+### 3. KOMPONENTEN
+
+#### Karten (Tool Cards)
+```css
+- Hintergrund: #1A1F3A
+- Größe: 280x320px
+- Border-Radius: 16px
+- Padding: 32px
+- Spacing: 24px (Grid-Gap)
+- Hover: Border 1px solid #00D4FF, Background #232D53, translateY(-2px)
+- Transition: all 0.3s ease
+```
+
+#### Buttons
+
+**Primary Button**
+```css
+- Hintergrund: #00D4FF
+- Text: #000000
+- Border-Radius: 24px
+- Höhe: 48px
+- Padding: 0 32px
+- Hover: Background #00B8E6, Text #FFFFFF
+```
+
+**Secondary Button**
+```css
+- Hintergrund: transparent
+- Text: #FFFFFF
+- Border: 1px solid #232D53
+- Border-Radius: 24px
+- Höhe: 48px
+- Hover: Background #232D53
+```
+
+#### Eingabefelder
+```css
+- Hintergrund: #232D53
+- Border: none
+- Border-Radius: 8px
+- Padding: 12px 16px
+- Text: #FFFFFF
+- Focus: Background #2A3560
+```
+
+#### Dialoge/Popups
+```css
+- Hintergrund: #000000
+- Border-Radius: 8px
+- Titelleiste: Background #232D53, Höhe 40px
+- Close-Button: Hover-Background #FF4444
+```
+
+#### Scrollbar
+```css
+- Hintergrund: #1A1F3A
+- Handle: #00D4FF
+- Handle-Hover: #00B8E6
+- Breite: 8px
+- Border-Radius: 4px
+```
+
+### 4. LAYOUT & SPACING
+
+#### Grid-System
+- Container-Padding: 40px
+- Karten-Grid: 3 Spalten
+- Grid-Gap: 24px
+- Sidebar-Breite: 260px
+
+#### Standard-Abstände
+- Groß: 40px (Seitencontent)
+- Mittel: 32px (Karten-Innenabstand)
+- Klein: 16px (Zwischen Elementen)
+- Mini: 8px (Inline-Abstände)
+
+### 5. INTERAKTIONSMUSTER
+
+#### Hover-Effekte
+- **Generell**: Keine Borders im Normalzustand
+- **Karten**: Cyan-Border + Hintergrundwechsel + leichtes Anheben
+- **Buttons**: Farbwechsel mit smooth transition
+- **Navigation**: Hintergrund-Highlight
+
+#### Transitions
+- Standard: `transition: all 0.3s ease`
+- Nur für Hover-States, nicht für normale Zustände
+
+#### Focus-States
+- Keine sichtbaren Focus-Borders
+- Stattdessen Hintergrundfarben-Änderung
+
+### 6. WICHTIGE REGELN
+
+1. **Keine Borders** - Nur bei Hover-States verwenden
+2. **Minimalistisch** - Keine überflüssigen Dekorationen
+3. **Hoher Kontrast** - Wichtig für Lesbarkeit auf dunklem Hintergrund
+4. **Konsistente Radien** - 8px, 16px, 24px je nach Komponente
+5. **Behörden-gerecht** - Seriös, professionell, keine verspielten Elemente
+
+### 7. BARRIEREFREIHEIT
+
+- Kontrastverhältnis Text/Hintergrund: Mindestens 7:1
+- Alle interaktiven Elemente mindestens 44x44px
+- Klare Hover-States für alle klickbaren Elemente
+- Keine Information nur durch Farbe vermitteln
+
+### 8. ANWENDUNGSBEISPIEL
+
+```python
+# PyQt6 Beispiel für Primary Button
+button.setStyleSheet("""
+    QPushButton {
+        background-color: #00D4FF;
+        color: #000000;
+        border: none;
+        border-radius: 24px;
+        padding: 0 32px;
+        font-size: 15px;
+        font-weight: 600;
+        min-height: 48px;
+    }
+    QPushButton:hover {
+        background-color: #00B8E6;
+        color: #FFFFFF;
+    }
+""")
+```
+
+### 9. DOS AND DON'TS
+
+#### DO ✓
+- Verwende die exakten Hex-Codes
+- Halte die Hover-Effekte subtil
+- Nutze ausreichend Weißraum
+- Behalte die Hierarchie bei
+
+#### DON'T ✗
+- Keine Emojis in professionellen Anwendungen
+- Keine zusätzlichen Farben ohne Absprache
+- Keine Borders im Normalzustand
+- Keine Animationen außer Hover-Transitions
\ No newline at end of file
diff --git a/ressources/flags/de.svg b/ressources/flags/de.svg
new file mode 100644
index 0000000..20a017e
--- /dev/null
+++ b/ressources/flags/de.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--emojione" preserveAspectRatio="xMidYMid meet"><path d="M31.9 2C18.8 2 7.7 10.4 3.6 22h56.6C56.1 10.4 45 2 31.9 2z" fill="#3e4347"></path><path d="M31.9 62c13.1 0 24.2-8.3 28.3-20H3.6c4.1 11.7 15.2 20 28.3 20z" fill="#ffe62e"></path><path d="M3.6 22c-1.1 3.1-1.7 6.5-1.7 10s.6 6.9 1.7 10h56.6c1.1-3.1 1.7-6.5 1.7-10s-.6-6.9-1.7-10H3.6" fill="#ed4c5c"></path></svg>
\ No newline at end of file
diff --git a/ressources/flags/en.svg b/ressources/flags/en.svg
new file mode 100644
index 0000000..016c075
--- /dev/null
+++ b/ressources/flags/en.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--emojione" preserveAspectRatio="xMidYMid meet">
+
<g fill="#2a5f9e">
+
<path d="M22 60.3V46.5l-10.3 7.6c2.9 2.7 6.4 4.8 10.3 6.2">
+
</path>
+
<path d="M42 60.3c3.9-1.4 7.4-3.5 10.3-6.2L42 46.4v13.9">
+
</path>
+
<path d="M3.7 42c.3 1 .7 1.9 1.2 2.9L8.8 42H3.7">
+
</path>
+
<path d="M55.2 42l3.9 2.9c.4-.9.8-1.9 1.2-2.9h-5.1">
+
</path>
+
</g>
+
<g fill="#ffffff">
+
<path d="M23.5 38H2.6c.3 1.4.7 2.7 1.1 4h5.1l-3.9 2.9c.8 1.7 1.7 3.2 2.8 4.7L18 42h4v2l-11.7 8.6l1.4 1.4L22 46.5v13.8c1.3.5 2.6.8 4 1.1V38h-2.5">
+
</path>
+
<path d="M61.4 38H38v23.4c1.4-.3 2.7-.7 4-1.1V46.5L52.3 54c1.4-1.3 2.6-2.7 3.8-4.2L45.4 42h6.8l6.1 4.5c.3-.5.6-1.1.8-1.6L55.2 42h5.1c.4-1.3.8-2.6 1.1-4">
+
</path>
+
</g>
+
<g fill="#ed4c5c">
+
<path d="M7.7 49.6c.8 1.1 1.6 2.1 2.5 3.1L22 44.1v-2h-4L7.7 49.6">
+
</path>
+
<path d="M45.5 42l10.7 7.8c.4-.5.7-1 1.1-1.5c.1-.1.1-.2.2-.2c.3-.5.7-1.1 1-1.6L52.2 42h-6.7">
+
</path>
+
</g>
+
<g fill="#2a5f9e">
+
<path d="M42 3.7v13.8l10.3-7.6C49.4 7.2 45.9 5.1 42 3.7">
+
</path>
+
<path d="M22 3.7c-3.9 1.4-7.4 3.5-10.3 6.2L22 17.6V3.7">
+
</path>
+
<path d="M60.3 22c-.3-1-.7-1.9-1.2-2.9L55.2 22h5.1">
+
</path>
+
<path d="M8.8 22l-3.9-2.9c-.4 1-.8 1.9-1.2 2.9h5.1">
+
</path>
+
</g>
+
<g fill="#ffffff">
+
<path d="M40.5 26h20.8c-.3-1.4-.7-2.7-1.1-4h-5.1l3.9-2.9c-.8-1.7-1.7-3.2-2.8-4.7L46 22h-4v-2l11.7-8.6l-1.4-1.4L42 17.5V3.7c-1.3-.5-2.6-.8-4-1.1V26h2.5">
+
</path>
+
<path d="M2.6 26H26V2.6c-1.4.3-2.7.7-4 1.1v13.8L11.7 10c-1.4 1.3-2.6 2.7-3.8 4.2L18.6 22h-6.8l-6.1-4.5c-.3.5-.6 1.1-.8 1.6L8.8 22H3.7c-.4 1.3-.8 2.6-1.1 4">
+
</path>
+
</g>
+
<g fill="#ed4c5c">
+
<path d="M56.3 14.4c-.8-1.1-1.6-2.1-2.5-3.1L42 19.9v2h4l10.3-7.5">
+
</path>
+
<path d="M18.5 22L7.9 14.2c-.4.5-.7 1-1.1 1.5c-.1.1-.1.2-.2.2c-.3.5-.7 1.1-1 1.6l6.1 4.5h6.8">
+
</path>
+
<path d="M61.4 26H38V2.6c-1.9-.4-3.9-.6-6-.6s-4.1.2-6 .6V26H2.6c-.4 1.9-.6 3.9-.6 6s.2 4.1.6 6H26v23.4c1.9.4 3.9.6 6 .6s4.1-.2 6-.6V38h23.4c.4-1.9.6-3.9.6-6s-.2-4.1-.6-6">
+
</path>
+
</g>
+
</svg>
\ No newline at end of file
diff --git a/ressources/flags/es.svg b/ressources/flags/es.svg
new file mode 100644
index 0000000..7570f40
--- /dev/null
+++ b/ressources/flags/es.svg
@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--emojione" preserveAspectRatio="xMidYMid meet">
+
<path d="M2 32c0 5.9 1.7 11.4 4.6 16h50.7c2.9-4.6 4.6-10.1 4.6-16s-1.7-11.4-4.6-16H6.6C3.7 20.6 2 26.1 2 32z" fill="#ffce31">
+
</path>
+
<g fill="#ed4c5c">
+
<path d="M57.4 16C52.1 7.6 42.7 2 32 2S11.9 7.6 6.6 16h50.8z">
+
</path>
+
<path d="M6.6 48c5.3 8.4 14.7 14 25.4 14s20.1-5.6 25.4-14H6.6z">
+
</path>
+
</g>
+
<g fill="#c8b100">
+
<path d="M9.2 28.7h3.2v1.8H9.2z">
+
</path>
+
<path d="M9.2 41.9h3.3v1.7H9.2z">
+
</path>
+
</g>
+
<path d="M8.9 39.1c-.3.2-.5.4-.5.5c0 .1.1.2.3.3c.2.1.4.3.3.5c.2-.2.3-.4.3-.6c0-.3-.2-.6-.4-.7" fill="#ed4c5c">
+
</path>
+
<path fill="#ffffff" d="M9.7 30.5H12v11.4H9.7z">
+
</path>
+
<g fill="#ed4c5c">
+
<path d="M14.4 34.7c-.5-.2-1.4-.4-2.4-.4c-.3 0-.7 0-1.1.1c-1.4.2-2.5.8-2.4 1.2L8 34.5c-.1-.5 1.1-1.1 2.6-1.4c.5-.1 1-.1 1.4-.1c1 0 1.9.1 2.4.3v1.4">
+
</path>
+
<path d="M9.7 36.2c-.6 0-1.1-.2-1.1-.5c0-.2.2-.5.6-.7h.6l-.1 1.2">
+
</path>
+
<path d="M12 35.3c.4.1.7.2.9.3c.1.1-.3.5-.9.8v-1.1">
+
</path>
+
<path d="M8.2 38.4c-.1-.2.6-.6 1.5-.9c.4-.1.7-.3 1.2-.5c1.2-.5 2.2-1.2 2-1.4l.2 1.2c.1.2-.7.8-1.9 1.4c-.4.2-1.1.5-1.5.6c-.7.2-1.3.6-1.3.7l-.2-1.1">
+
</path>
+
</g>
+
<g fill="#c8b100">
+
<path d="M30.7 28.7h3.2v1.8h-3.2z">
+
</path>
+
<path d="M30.6 41.9h3.3v1.7h-3.3z">
+
</path>
+
</g>
+
<path d="M34.2 39.1c.3.2.5.4.5.5c0 .1-.1.2-.3.3c-.2.2-.4.5-.3.6c-.2-.2-.3-.4-.3-.6c0-.4.2-.7.4-.8" fill="#ed4c5c">
+
</path>
+
<path fill="#ffffff" d="M31.1 30.5h2.3v11.4h-2.3z">
+
</path>
+
<g fill="#ed4c5c">
+
<path d="M28.7 34.7c.5-.2 1.4-.4 2.4-.4c.3 0 .7 0 1.1.1c1.4.2 2.5.8 2.4 1.2l.5-1.2c.1-.5-1.1-1.1-2.6-1.4h-1.4c-1 0-1.9.1-2.4.3v1.4">
+
</path>
+
<path d="M33.4 36.2c.6 0 1.1-.2 1.1-.5c0-.2-.2-.5-.6-.7h-.6l.1 1.2">
+
</path>
+
<path d="M31.1 35.3c-.4.1-.7.2-.9.3c-.1.1.3.5.9.8v-1.1">
+
</path>
+
<path d="M34.9 38.4c.1-.2-.6-.6-1.5-.9c-.4-.1-.7-.3-1.2-.5c-1.2-.5-2.2-1.2-2-1.4l-.2 1.2c-.1.2.7.8 1.9 1.4c.4.2 1.1.5 1.5.6c.7.2 1.3.7 1.2.8l.3-1.2">
+
</path>
+
<path d="M21.5 22.3c1.9 0 5.8.4 7.2 1.8c-1.5 3.6-3.9 2.1-7.2 2.1c-3.2 0-5.7 1.5-7.2-2.1c1.4-1.4 5.2-1.8 7.2-1.8">
+
</path>
+
</g>
+
<g fill="#c8b100">
+
<path d="M26.4 26.3c-1.2-.7-3-.8-4.9-.8c-1.9 0-3.7.2-4.9.8L17 28c1.1.3 2.7.5 4.5.5c1.8 0 3.3-.2 4.5-.5l.4-1.7">
+
</path>
+
<path d="M28.1 22c-.4-.3-1.2-.6-1.9-.6c-.3 0-.6 0-.9.1c0 0-.6-.8-2-.8c-.5 0-.9.1-1.3.3v-.1c-.1-.2-.3-.4-.5-.4s-.5.3-.5.5v.1c-.4-.2-.8-.3-1.3-.3c-1.4 0-2 .9-2 .8c-.3-.1-.6-.1-.9-.1c-4.6 0-2.3 3.1-2.3 3.1l.5-.6c-1.1-1.4-.1-2.2 1.9-2.2c.3 0 .5 0 .7.1c-.7 1 .6 1.9.6 1.9l.3-.5c-.7-.5-.8-2.2 1.2-2.2c.5 0 .9.1 1.3.4c0 .1-.1 1.5-.2 1.7l.8.7l.8-.7c-.1-.3-.2-1.6-.2-1.7c.3-.2.8-.4 1.3-.4c2.1 0 2.1 1.7 1.2 2.2l.3.5s1.1-.9.6-1.9c.2 0 .5-.1.7-.1c2.4 0 2.5 1.8 1.9 2.2l.4.6c-.2 0 .9-1.4-.5-2.6">
+
</path>
+
</g>
+
<path d="M20.9 20.1c0-.3.3-.6.6-.6c.4 0 .6.3.6.6s-.3.6-.6.6s-.6-.3-.6-.6" fill="#005bbf">
+
</path>
+
<path fill="#c8b100" d="M21.3 18.4v.3H21v.3h.3v1h-.4v.3h1.2l.1-.2l-.1-.1h-.4v-1h.3v-.3h-.3v-.3z">
+
</path>
+
<path d="M21.5 28.3c-1.6 0-3-.2-4.1-.5c1.1-.3 2.5-.5 4.1-.5c1.6 0 3 .2 4.1.5c-1 .3-2.5.5-4.1.5" fill="#ed4c5c">
+
</path>
+
<g fill="#ffffff">
+
<path d="M21.6 45.6c-1.9 0-3.7-.5-5.3-1.2c-1.2-.6-1.9-1.7-1.9-3v-4.8h14.4v4.8c0 1.3-.8 2.5-1.9 3c-1.6.8-3.4 1.2-5.3 1.2">
+
</path>
+
<path d="M21.5 28.6h7.2v8h-7.2z">
+
</path>
+
</g>
+
<path d="M21.6 41.4c0 1.9-1.6 3.4-3.6 3.4s-3.6-1.5-3.6-3.4v-4.8h7.2v4.8" fill="#ed4c5c">
+
</path>
+
<g fill="#c8b100">
+
<path d="M15.9 44.2c.2.1.5.3.9.4v-8.2H16l-.1 7.8">
+
</path>
+
<path d="M14.3 41.3c0 1 .4 1.8.8 2.2v-7.1h-.8v4.9">
+
</path>
+
</g>
+
<path d="M17.5 44.8h.8v-8.4h-.8v8.4" fill="#c7b500">
+
</path>
+
<path d="M19.1 44.6c.3-.1.7-.3.9-.4v-7.8h-.8l-.1 8.2" fill="#c8b100">
+
</path>
+
<path fill="#ed4c5c" d="M14.3 28.6h7.2v8h-7.2z">
+
</path>
+
<path d="M20.8 43.5c.4-.3.7-1 .8-1.8v-5.2h-.8v7" fill="#c8b100">
+
</path>
+
<g fill="#ed4c5c">
+
<path d="M28.8 36.6v4.8c0 1.9-1.6 3.4-3.6 3.4s-3.6-1.5-3.6-3.4v-4.8h7.2">
+
</path>
+
<path d="M26.2 30c.3.6.3 2.1-.6 1.8c.2.1.3.8.6 1.2c.5.6 1.1.1 1-.6c-.2-1.1-.1-1.8.1-2.9c0 .1.5.1.7-.1c-.1.3-.2.7 0 .7c-.2.3-.7.8-.8 1.1c-.1.7 1 2-.2 2.3c-.8.2-.3.8 0 1.1c0 0-.4 1.3-.2 1.2c-.8.3-.6-.4-.6-.4c.4-1.2-.7-1.3-.6-1.5c-1-.1.1.9-.8.9c-.2 0-.6.2-.6.2c-1.1-.1-.5-1.1-.1-1c.3.1.6.6.6-.1c0 0-.5-.8.8-.8c-.5 0-.8-.4-1-.9c-.2.1-.5.6-1.6.7c0 0-.3-1.1 0-.9c.4.2.6.2 1-.2c-.2-.3-1.4-.7-1.2-1.4c0-.2.6-.5.6-.5c-.1.5.2 1 .8 1c.8.1.5-.2.6-.4c.1-.2.7.1.5-.4c0-.1-.7-.2-.5-.5c.4-.5 1-.1 1.5.4">
+
</path>
+
<path d="M21.6 44.6l-.2-.5l.2-.6l.2.6l-.2.5">
+
</path>
+
</g>
+
<g fill="#c8b100">
+
<path d="M16.5 30.3v.5h.2v.4h-.5v1h.3v2.2h-.6v1.1H20v-1.1h-.5v-2.2h.2v-1h-.5v-.4h.3v-.5h-1v.5h.2v.4h-.5V30h.3v-.5h-1.1v.5h.3v1.2h-.5v-.4h.2v-.5z">
+
</path>
+
<path d="M27.8 42.6v-5h-5.2v5l2.4 1.1h.3l2.5-1.1M25 38v1.7L23.3 38H25m-2.1.1l2 2l-2 2v-4m.2 4.4l1.9-1.9v2.8l-1.9-.9m2.2.8v-2.8l1.9 1.9l-1.9.9m2.1-1.2l-2-2l2-2v4M25.3 38H27l-1.7 1.7V38">
+
</path>
+
</g>
+
<path d="M19.2 36.5c0-1.5 1-2.6 2.3-2.6s2.3 1.2 2.3 2.6c0 1.4-1 2.6-2.3 2.6s-2.3-1.1-2.3-2.6" fill="#ed4c5c">
+
</path>
+
<path d="M19.9 36.5c0-1.1.7-1.9 1.6-1.9c.9 0 1.6.9 1.6 1.9c0 1.1-.7 1.9-1.6 1.9c-.8.1-1.6-.8-1.6-1.9" fill="#005bbf">
+
</path>
+
<g fill="#c8b100">
+
<path d="M20.8 35.2l-.4 1.1l.3.1l-.2.4h.6l-.2-.4l.3-.1l-.4-1.1">
+
</path>
+
<path d="M22.3 35.2l-.4 1.1l.3.1l-.2.4h.6l-.1-.4l.3-.1l-.5-1.1">
+
</path>
+
<path d="M21.6 36.5l-.5 1.1l.3.1l-.1.4h.5l-.1-.4l.3-.1l-.4-1.1">
+
</path>
+
</g>
+
</svg>
\ No newline at end of file
diff --git a/ressources/flags/fr.svg b/ressources/flags/fr.svg
new file mode 100644
index 0000000..a035bda
--- /dev/null
+++ b/ressources/flags/fr.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--emojione" preserveAspectRatio="xMidYMid meet"><path d="M1.9 32c0 13.1 8.4 24.2 20 28.3V3.7C10.3 7.8 1.9 18.9 1.9 32z" fill="#428bc1"></path><path d="M61.9 32c0-13.1-8.3-24.2-20-28.3v56.6c11.7-4.1 20-15.2 20-28.3" fill="#ed4c5c"></path><path d="M21.9 60.3c3.1 1.1 6.5 1.7 10 1.7s6.9-.6 10-1.7V3.7C38.8 2.6 35.5 2 31.9 2s-6.9.6-10 1.7v56.6" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/ressources/flags/ja.svg b/ressources/flags/ja.svg
new file mode 100644
index 0000000..73fe223
--- /dev/null
+++ b/ressources/flags/ja.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--emojione" preserveAspectRatio="xMidYMid meet"><circle cx="32" cy="32" r="30" fill="#f5f5f5"></circle><circle cx="32" cy="32" r="12" fill="#ed4c5c"></circle></svg>
\ No newline at end of file
diff --git a/ressources/mode/moon.svg b/ressources/mode/moon.svg
new file mode 100644
index 0000000..8dbdf3a
--- /dev/null
+++ b/ressources/mode/moon.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.0672 11.8568L20.4253 11.469L21.0672 11.8568ZM12.1432 2.93276L11.7553 2.29085V2.29085L12.1432 2.93276ZM21.25 12C21.25 17.1086 17.1086 21.25 12 21.25V22.75C17.9371 22.75 22.75 17.9371 22.75 12H21.25ZM12 21.25C6.89137 21.25 2.75 17.1086 2.75 12H1.25C1.25 17.9371 6.06294 22.75 12 22.75V21.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75V1.25C6.06294 1.25 1.25 6.06294 1.25 12H2.75ZM15.5 14.25C12.3244 14.25 9.75 11.6756 9.75 8.5H8.25C8.25 12.5041 11.4959 15.75 15.5 15.75V14.25ZM20.4253 11.469C19.4172 13.1373 17.5882 14.25 15.5 14.25V15.75C18.1349 15.75 20.4407 14.3439 21.7092 12.2447L20.4253 11.469ZM9.75 8.5C9.75 6.41182 10.8627 4.5828 12.531 3.57467L11.7553 2.29085C9.65609 3.5593 8.25 5.86509 8.25 8.5H9.75ZM12 2.75C11.9115 2.75 11.8077 2.71008 11.7324 2.63168C11.6686 2.56527 11.6538 2.50244 11.6503 2.47703C11.6461 2.44587 11.6482 2.35557 11.7553 2.29085L12.531 3.57467C13.0342 3.27065 13.196 2.71398 13.1368 2.27627C13.0754 1.82126 12.7166 1.25 12 1.25V2.75ZM21.7092 12.2447C21.6444 12.3518 21.5541 12.3539 21.523 12.3497C21.4976 12.3462 21.4347 12.3314 21.3683 12.2676C21.2899 12.1923 21.25 12.0885 21.25 12H22.75C22.75 11.2834 22.1787 10.9246 21.7237 10.8632C21.286 10.804 20.7293 10.9658 20.4253 11.469L21.7092 12.2447Z" fill="#1C274C"/>
+</svg>
\ No newline at end of file
diff --git a/ressources/mode/sun.svg b/ressources/mode/sun.svg
new file mode 100644
index 0000000..1c0898f
--- /dev/null
+++ b/ressources/mode/sun.svg
@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#FFFFFF" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 207.628 207.628" xml:space="preserve" stroke="#FFFFFF">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
<g id="SVGRepo_iconCarrier"> <circle cx="103.814" cy="103.814" r="45.868"/> <path d="M103.814,157.183c-29.427,0-53.368-23.941-53.368-53.368s23.941-53.368,53.368-53.368s53.368,23.941,53.368,53.368 S133.241,157.183,103.814,157.183z M103.814,65.446c-21.156,0-38.368,17.212-38.368,38.368s17.212,38.368,38.368,38.368 s38.368-17.212,38.368-38.368S124.97,65.446,103.814,65.446z"/> <path d="M103.814,39.385c-4.142,0-7.5-3.358-7.5-7.5V7.5c0-4.142,3.358-7.5,7.5-7.5s7.5,3.358,7.5,7.5v24.385 C111.314,36.027,107.956,39.385,103.814,39.385z"/> <path d="M103.814,207.628c-4.142,0-7.5-3.358-7.5-7.5v-24.385c0-4.142,3.358-7.5,7.5-7.5s7.5,3.358,7.5,7.5v24.385 C111.314,204.271,107.956,207.628,103.814,207.628z"/> <path d="M200.128,111.314h-24.385c-4.142,0-7.5-3.358-7.5-7.5s3.358-7.5,7.5-7.5h24.385c4.142,0,7.5,3.358,7.5,7.5 S204.271,111.314,200.128,111.314z"/> <path d="M31.885,111.314H7.5c-4.142,0-7.5-3.358-7.5-7.5s3.358-7.5,7.5-7.5h24.385c4.142,0,7.5,3.358,7.5,7.5 S36.027,111.314,31.885,111.314z"/> <path d="M154.676,60.452c-1.919,0-3.839-0.732-5.303-2.197c-2.929-2.929-2.929-7.678,0-10.606l17.243-17.242 c2.929-2.929,7.678-2.93,10.606,0c2.929,2.929,2.929,7.678,0,10.606l-17.243,17.242C158.515,59.72,156.595,60.452,154.676,60.452z"/> <path d="M35.709,179.419c-1.919,0-3.839-0.732-5.303-2.197c-2.929-2.929-2.929-7.678,0-10.606l17.243-17.243 c2.929-2.929,7.678-2.929,10.606,0c2.929,2.929,2.929,7.678,0,10.606l-17.243,17.243C39.548,178.687,37.629,179.419,35.709,179.419z "/> <path d="M171.918,179.419c-1.919,0-3.839-0.732-5.303-2.197l-17.243-17.243c-2.929-2.929-2.929-7.678,0-10.606 c2.929-2.929,7.678-2.929,10.606,0l17.243,17.243c2.929,2.929,2.929,7.678,0,10.606 C175.757,178.687,173.838,179.419,171.918,179.419z"/> <path d="M52.952,60.452c-1.919,0-3.839-0.732-5.303-2.197L30.406,41.013c-2.929-2.929-2.929-7.677,0-10.606 c2.929-2.929,7.678-2.93,10.606,0l17.243,17.242c2.929,2.929,2.929,7.677,0,10.606C56.791,59.72,54.872,60.452,52.952,60.452z"/> </g>
+
</svg>
\ No newline at end of file