> For the complete documentation index, see [llms.txt](https://docs.verge.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.verge.io/knowledge-base/de/system-administration/customizing-the-user-interface.md).

# Anpassen der Benutzeroberfläche

VergeOS unterstützt benutzerdefiniertes Branding auf jeder Mandantenebene (sofern erlaubt) mithilfe der **Designs** Funktion. Dieser Leitfaden führt Sie durch die Anpassung der Benutzeroberfläche (UI) mit den Branding-Elementen Ihrer Organisation – einschließlich Logos, Farben und Favicons.

{% hint style="info" %}
**Was ist neu in VergeOS v26**

* **Helle und dunkle Modi**: VergeOS enthält standardmäßig helle und dunkle Designs und unterstützt benutzerdefinierte Designs auf Basis beider Modi.
* **Mehrere Designvarianten**: Administratoren können mehrere markenkonforme Designs erstellen, z. B. helle und dunkle Versionen, und sie für die Benutzerauswahl bereitstellen.
  {% endhint %}

## So ändern Sie das Branding Ihrer Benutzeroberfläche

Befolgen Sie diese Schritte, um Ihre VergeOS-Umgebung anzupassen:

1. **Logo- und Symboldateien hochladen**:
   * Laden Sie das gewünschte Logo im `.png` oder `.jpg` Format hoch. Für beste Ergebnisse verwenden Sie ein **144x36** Bild für das große Logo und **44x44** für das kleine Logo.
   * Bei Bedarf laden Sie ein Favicon im `.ico` Format heruntergeladen.

{% hint style="success" %}
**Anweisungen zum Hochladen von Dateien in vSAN finden Sie** [**hier**](/run-the-platform/storage/uploading-files-to-vsan.md)
{% endhint %}

2. **Erstellen Sie ein oder mehrere benutzerdefinierte Designs**: um Ihr Branding umzusetzen\
   Lesen Sie den [Themes-Produktleitfaden](/run-the-platform/system-administration/themes.md) für Anweisungen.
3. **Benutzer-Designoptionen steuern**:\
   Alle aktivierten Designs werden den Benutzern als Auswahloptionen angezeigt (in der Symbolleiste). **Um ausschließliches benutzerdefiniertes Branding durchzusetzen, müssen Sie die standardmäßigen VergeOS-Designs (hell/dunkel) deaktivieren.**

## Bewährte Vorgehensweisen für die Anpassung der Benutzeroberfläche

### Visuelles Design

* **Erstellen Sie helle und dunkle Varianten:** Bieten Sie sowohl eine helle als auch eine dunkle Version Ihres benutzerdefinierten Designs an, um unterschiedliche Lichtverhältnisse und Benutzerpräferenzen zu unterstützen. Der helle Modus verbessert die Sichtbarkeit in hellen Umgebungen, während der dunkle Modus Blendeffekte reduziert und die Akkulaufzeit auf OLED-Geräten verlängern kann.
* **Konsistenz**: Stellen Sie sicher, dass die von Ihnen für das Branding ausgewählten Farben und Logos mit dem Styleguide Ihrer Organisation übereinstimmen, um Konsistenz zu gewährleisten.
* **Logoabmessungen**: Laden Sie Logos mit den richtigen Abmessungen hoch, um Verzerrungen oder Skalierungsprobleme zu vermeiden.

### Barrierefreiheit & Lesbarkeit

* **Lesbarkeit**: Verwenden Sie kontrastierende Farben für Text- und Hintergrundelemente, um die Lesbarkeit auf verschiedenen Geräten sicherzustellen.
* **In allen Designs testen:** Stellen Sie sicher, dass alle UI-Elemente sowohl im hellen als auch im dunklen Modus lesbar und optisch stimmig bleiben.

### Designverwaltung & Benutzererfahrung

* **Vor der Aktivierung in der Vorschau prüfen**: Wenn Sie ein neues Design zunächst deaktiviert setzen, haben Sie Zeit, Branding-Richtlinien und Benutzerfreundlichkeit zu überprüfen, bevor Sie es für die Benutzerauswahl aktivieren.
* **Nicht verwendete Designs deaktivieren:** Benutzer können aus allen aktivierten Designs wählen. Um ausschließliches Branding durchzusetzen, deaktivieren Sie die standardmäßigen VergeOS-Designs (hell/dunkel); entfernen Sie veraltete benutzerdefinierte Designs, die Sie nicht mehr anbieten möchten.
* **Designs klar benennen**: Verwenden Sie aussagekräftige Namen (z. B. „Acme Hell“ oder „Acme Dunkel“), damit Benutzer die passende Version leicht erkennen können.

***

Wenn Sie diese Schritte befolgen und die verfügbaren Optionen nutzen, können Sie die VergeOS-Benutzeroberfläche vollständig an das Branding Ihrer Organisation anpassen. Stellen Sie sicher, dass Sie Ihre Einstellungen speichern, sobald Sie mit den Änderungen zufrieden sind.

***

{% hint style="info" %}
**Dokumentinformationen**

* Zuletzt aktualisiert: 2025-10-29
* vergeOS-Version: 26.0
  {% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.verge.io/knowledge-base/de/system-administration/customizing-the-user-interface.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.