> For the complete documentation index, see [llms.txt](https://help.vario-software.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.vario-software.de/vario-cloud-handbuch/einstellungen/einstellungen-allgemein/erscheinungsbild.md).

# Erscheinungsbild

So legst Du unter Einstellungen → Allgemein → Erscheinungsbild (Beta) Anwendungsname, Logo, Favicon, Farben und ein Umgebungs-Kennzeichen Deiner VARIO Cloud fest.

Im Reiter **»Erscheinungsbild (Beta)«** legst Du fest, wie Deine VARIO Cloud aussieht: Anwendungsname, Logo, Favicon und Farben. Mit dem **Umgebungs-Kennzeichen** und dem **Tab-Präfix** hältst Du außerdem mehrere Installationen auseinander, zum Beispiel ein Test- und ein Produktivsystem.

Du findest den Reiter unter **Einstellungen → Allgemein → Erscheinungsbild (Beta)**. Alle Optionen stehen im Bereich **Diese Installation** und gelten für die gesamte Installation.

<figure><img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2F1UYMqJEcEdKgq0a4I0t1%2Fimage.png?alt=media&amp;token=437f3668-4369-41ed-855b-747da661584e" alt="Bereich „Diese Installation“ mit den Optionen für das Erscheinungsbild"><figcaption></figcaption></figure>

{% hint style="info" %}
Für die meisten Optionen benötigst Du die Lizenz zur Individualisierung. Ohne diese Lizenz kannst Du nur das **Umgebungs-Kennzeichen** und die **Farbe des Kennzeichens** ändern. Die übrigen Felder bleiben sichtbar, sind aber gesperrt. Oben im Bereich steht dann **„Lizenz erforderlich“**.
{% endhint %}

Der Bereich **Vorschau** zeigt Dir Deine Eingaben, bevor Du speicherst: im **Browser-Tab**, auf dem **Ladebildschirm** und in der **Anwendung**. Unter **Abgeleitete Farben** siehst Du die Farbtöne, die VARIO Cloud aus Deinen Farben berechnet. Wirksam werden die Änderungen erst, wenn Du speicherst.

<figure><img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2F4aFtJznT3GEZwlEyddlo%2Fimage.png?alt=media&amp;token=07fd54c2-c17e-4118-9136-b0319e1b2fe1" alt="Bereich „Vorschau“ mit Vorschau von Symbol, Logo und Anwendungsname"><figcaption></figcaption></figure>

Hier findest Du einen Überblick über die verfügbaren Optionen:

### Umgebungs-Kennzeichen

Das **Umgebungs-Kennzeichen** ist ein kurzer Text oben rechts in der **Informationsleiste**, zum Beispiel „TESTSYSTEM“. Daran erkennst Du sofort, in welcher Installation Du gerade arbeitest.

<figure><img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2FcJqmOxkvy4coH06LKu8F%2Fimage.png?alt=media&amp;token=7897343e-b252-45ab-bdc6-e73657fc4f7d" alt="Eingabefeld für das Umgebungs-Kennzeichen" width="529"><figcaption></figcaption></figure>

Der Text darf bis zu **20 Zeichen** lang sein. Lässt Du das Feld leer, erscheint kein Kennzeichen.

### Farbe des Kennzeichens

Hier wählst Du die Hintergrundfarbe des Umgebungs-Kennzeichens, zum Beispiel Rot für ein Testsystem. Klicke dazu auf das **Palettensymbol** <img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2FewMxVxfb2qahRuMjaud7%2Fimage.png?alt=media&amp;token=b14679a5-92c4-4a8c-9202-6e3e953d6a46" alt="Palettensymbol" data-size="line">.

Wählst Du keine Farbe, erscheint das Kennzeichen in der **Primärfarbe**. Die Schriftfarbe passt VARIO Cloud automatisch an, damit das Kennzeichen lesbar bleibt.

### Anwendungsname

Der **Anwendungsname** steht oberhalb des Navigationsmenüs.

<figure><img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2FMZA8PzMD8UTGk0BIY6qL%2Fimage.png?alt=media&amp;token=5ce6960f-39d5-4d71-b413-3fe2d73614be" alt="Eingabefeld für den Anwendungsnamen"><figcaption></figcaption></figure>

Er erscheint außerdem im **Browser-Tab** und auf dem **Ladebildschirm**. Der Name darf bis zu 40 Zeichen lang sein. Ohne Eintrag gilt „VARIO Cloud“.

<figure><img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2FWHztTKD25MDbbSG3e2wr%2Fimage.png?alt=media&amp;token=15fb9ff3-2dca-4c89-af0d-e1e6132581dc" alt="Anwendungsname im Browser-Tab und auf dem Ladebildschirm"><figcaption></figcaption></figure>

{% hint style="info" %}
Der Anwendungsname wird **nur für das Erscheinungsbild** der Installation verwendet und hat keinen Einfluss auf die Bezeichnung der Installation selbst.
{% endhint %}

### Eigenes Logo

Über **»Datei wählen«** hinterlegst Du ein Logo, das neben dem Anwendungsnamen **oberhalb des Navigationsmenüs** erscheint. Mit **»Entfernen«** nimmst Du es wieder heraus.

<figure><img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2FlZrYCkGpM9F9WNHkiSqo%2Fimage.png?alt=media&amp;token=2a51bd95-660b-426a-af92-e9291747e72d" alt="Auswahl eines eigenen Logos"><figcaption></figcaption></figure>

Das Logo erscheint auch auf dem **Ladebildschirm** beim Starten der Installation. Hast Du kein eigenes Favicon hinterlegt, dient es zusätzlich als Symbol im Browser-Tab.

<figure><img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2FEWx79lRXVJF6lXFppYem%2Fimage.png?alt=media&amp;token=c0941651-09d0-4983-b8bb-f4123baac1c9" alt="Eigenes Logo auf dem Ladebildschirm"><figcaption></figcaption></figure>

{% hint style="info" %}
Du kannst PNG-, JPEG-, WebP- und SVG-Dateien hochladen. VARIO Cloud verkleinert das Bild beim Hochladen automatisch. Ist es danach noch zu groß, erscheint die Meldung „Die Grafik ist zu groß. Bitte verwende eine kleinere oder einfachere Datei.“
{% endhint %}

### Bezeichnung unter dem Anwendungsnamen

Hier trägst Du eine Bezeichnung ein, die unter dem Anwendungsnamen steht, zum Beispiel den Namen Deines Unternehmens. Die Bezeichnung darf bis zu 60 Zeichen lang sein. Ohne Eintrag steht dort der Name Deines Firmen-Accounts.

Auch diese Bezeichnung dient **nur dem Erscheinungsbild** und hat keinen Einfluss auf die eigentliche Bezeichnung der Installation.

<figure><img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2FD5qxJ6s3dOD6cSUAah75%2Fimage.png?alt=media&amp;token=489b4002-cfa1-45ac-9ee4-200357c8f594" alt="Eingabefeld für die Bezeichnung unter dem Anwendungsnamen"><figcaption></figcaption></figure>

### Eigenes Favicon

Das **Favicon** ist das kleine Symbol im **Browser-Tab** Deiner VARIO Cloud. Wählst Du kein eigenes Favicon, verwendet VARIO Cloud dafür Dein Logo.

<figure><img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2Fwv0NkEAuzp4Rw31idCaq%2Fimage.png?alt=media&amp;token=9a8396c8-af2e-4b94-807a-cdfeed775ae8" alt="Auswahl eines eigenen Favicons"><figcaption></figcaption></figure>

### Tab-Präfix

Der **Tab-Präfix** wird jedem Titel im Browser-Tab vorangestellt, zum Beispiel „\[TEST]“. Klammern setzt Du bei Bedarf selbst. Der Präfix darf bis zu 20 Zeichen lang sein.

<figure><img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2FfzzjPSEAtGS2CgLeKsBY%2Fimage.png?alt=media&amp;token=8e7d87a7-112a-4464-b6df-af0a3929ac6d" alt="Eingabefeld für den Tab-Präfix"><figcaption></figcaption></figure>

### Primärfarbe

Die **Primärfarbe** färbt Navigation, Buttons und Auswahlmarkierungen, zum Beispiel ausgewählte **Menüpunkte** und die **Tabellenköpfe** in C-Units. Standardmäßig ist sie grün. Erfolgs- und Fehlerfarben bleiben unverändert.

<figure><img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2FRfG3Cixln1jlblkByH2a%2Fimage.png?alt=media&amp;token=ad672f32-0d81-4b16-ab7a-47f1d0873d78" alt="Auswahl der Primärfarbe"><figcaption></figcaption></figure>

Hast Du ein eigenes Logo hinterlegt, erscheint beim Bearbeiten die Schaltfläche **»Aus dem Logo übernehmen«**. Die Schaltfläche übernimmt eine passende Farbe aus Deinem Logo als Primärfarbe. Findet VARIO Cloud im Logo keine geeignete Farbe, erscheint „Im Logo wurde keine geeignete Farbe gefunden.“

### Akzentfarbe

Die **Akzentfarbe** verwendet VARIO Cloud für Markierungen und Hervorhebungen, zum Beispiel für einige **Statusangaben in Offene Posten**. Standardmäßig ist sie beerenrot.

<figure><img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2FmHiSm5jviXeU6mUg8svX%2Fimage.png?alt=media&amp;token=4c1ed292-6eb6-454e-b805-d2c82e131bbb" alt="Auswahl der Akzentfarbe" width="563"><figcaption></figcaption></figure>

## Beispiel einer Erscheinungsbild-Konfiguration

Hier siehst Du ein Beispiel einer vollständigen Konfiguration mit der entsprechenden Vorschau:

<figure><img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2FUb8P94RxkuMXOnOb1ksK%2Fimage.png?alt=media&amp;token=804c0fcf-5a5c-4b69-8d00-c8d5600819e6" alt="Beispiel einer vollständigen Erscheinungsbild-Konfiguration"><figcaption></figcaption></figure>

So sieht die Konfiguration in VARIO Cloud aus:

<figure><img src="https://534317722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa7nDlxyw1xkeHi7FnWgm%2Fuploads%2F3dwOwR05fRB2MG8MIaAE%2Fimage.png?alt=media&amp;token=a11c720b-7be2-4b99-bc08-01a3848d746d" alt="VARIO Cloud mit dem konfigurierten Erscheinungsbild"><figcaption></figcaption></figure>


---

# 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://help.vario-software.de/vario-cloud-handbuch/einstellungen/einstellungen-allgemein/erscheinungsbild.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.