| 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. |  |
| **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. |  |
Mit diesem Farbschema wird eine benutzerfreundliche und visuell ansprechende Oberfläche geschaffen, die den Nutzern eine angenehme Interaktion ermöglicht.
...
...
@@ -143,7 +143,7 @@ Icons spielen eine wichtige Rolle in unserem Design, da sie zur visuellen Darste
| **MicOffIcon** | Symbol für Mikrofon stumm. |  |
| **NearMeIcon** | Zeigt eine Funktion in der Nähe an. |  |
| **NoteAltIcon** | Steht für Notizen. |  |