| **Hintergrund** | #1E2B31 | Dunkler Hintergrund für hohen Kontrast zu anderen UI-Elementen, verbessert die Lesbarkeit. | ! |
| **Boxen** | #344045 | Farbe für Boxen und Container, klare Abgrenzung der verschiedenen Bereiche. | |
| **Buttons** | #ffcc00 | Gelbe Buttons zur Hervorhebung interaktiver Elemente, erleichtert die Navigation. |  |
| **Button Hover** | #ffe163 | Hellere Gelbfarbe bei Maus-Hover über Buttons, visuelle Hervorhebung des interaktiven Zustands. |  |
| **Deaktivierte Elemente** | #6D909E | Farbe für deaktivierte Elemente, zeigt nicht verfügbare Optionen an. |  |
| **Chat** | #374D56 | Farbe für den Chat-Bereich, verbessert die Lesbarkeit von Nachrichten. |  |
| Element | [Farbcode](https://encycolorpedia.com/) | Beschreibung
| **Hintergrund** |  | Dunkler Hintergrund für hohen Kontrast zu anderen UI-Elementen, verbessert die Lesbarkeit. |
| **Boxen** |  | Farbe für Boxen und Container, klare Abgrenzung der verschiedenen Bereiche. |
| **Buttons** |  | Gelbe Buttons zur Hervorhebung interaktiver Elemente, erleichtert die Navigation. |
| **Button Hover** |  | Hellere Gelbfarbe bei Maus-Hover über Buttons, visuelle Hervorhebung des interaktiven Zustands. |
| **Deaktivierte Elemente** | | Farbe für deaktivierte Elemente, zeigt nicht verfügbare Optionen an. |
| **Chat** |  | Farbe für den Chat-Bereich, verbessert die Lesbarkeit von Nachrichten. |
Mit diesem Farbschema wird eine benutzerfreundliche und visuell ansprechende Oberfläche geschaffen, die den Nutzern eine angenehme Interaktion ermöglicht.