> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cocoondata.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Design der webbasierten Schnittstellen von Safe Share

Designs ermöglichen die benutzerdefinierte Anpassung der innerhalb der Benutzeroberfläche der [Safe Share-Webanwendung](/3.2/de/user.md) verwendeten Farbkonzepte und Logos für individuelle [Organisationen](/3.2/de/user.md#organisations), sodass jede einzelne Organisation ihr jeweiliges Design erhält. (Für weitere Informationen über das Hinzufügen/die Konfiguration von Organisationen über die [Safe Share-Verwaltung](/3.2/de/admin-platform.md#platform-administration)siehe [Verwaltung von Organisationen](/3.2/de/admin-platform/administering-organisations.md).)

In dieser Version von Safe Share und der Covata-Plattform werden Designs anhand eines separaten Tools erstellt (des [Covata/WebApp Design-Builders](https://www.npmjs.com/package/covata-theme-builder)), das von Covata entwickelt wird und als lokal ausführbares [npm-Paket](https://www.npmjs.com/) verfügbar ist.

Diese benutzerdefinierten Anpassungen der Farbkonzepte und Logos werden auch auf den folgenden Oberflächen verwendet:

* [Organisationsverwaltung](/3.2/de/admin-platform/organisation-administration.md),
* [Safe Share-Verwaltung](/3.2/de/admin-platform.md#platform-administration) sowie
* in von der Covata-Plattform gesendeten E-Mail-Benachrichtigungen.

Neu installierte Instanzen von Safe Share beinhalten das *Covata-Standarddesign*. Dieses Design wird zunächst für die Oberflächen der Safe Share-Webanwendung und Organisationsverwaltung aller Organisationen, in E-Mail-Benachrichtigungen sowie für die Oberfläche der Safe Share-Verwaltung verwendet.

Mit dem WebApp Design-Builder können Sie für verschiedene Organisationen jeweils unterschiedliche Designs sowie Ihr eigenes Standarddesign (das so genannte „Systemdesign“) erstellen. Letzteres wird für Folgendes verwendet:

* alle Organisationen, für die kein Design definiert ist
* die Oberfläche der Safe Share-Verwaltung
* die Funktion [Mein Account](/3.2/de/user/managing-your-account.md) und
* alle E-Mail-Benachrichtigungen

Besuchen Sie die Seite [covata-theme-builder](https://www.npmjs.com/package/covata-theme-builder) (auf der npm-Website nur in englischer Sprache verfügbar) für weitere Informationen, wie Sie den WebApp Design-Builder bekommen und nutzen und Designs auf einer Instanz der Covata-Plattform bereitstellen.

> [!NOTE]
>
> Weitere Aspekte von Safe Share, die Sie benutzerdefiniert anpassen können, z. B. den Anwendungsnamen, die Firma und den Urheberrechtsvermerk in E-Mail-Benachrichtigungen, können anhand des Abschnitts [Eigenschaften der Systemdetails](/3.2/de/admin-platform/configuring-platform-administration-properties.md#system-details-properties) auf der **Konfigurations**- [Seite](/3.2/de/admin-platform/configuring-platform-administration-properties.md) der Safe Share-Verwaltungkonfiguriert werden.

## Mit Designs gestaltbare Bereiche der Safe Share-Webanwendung&#x20;

Die folgenden Diagramme zeigen die *mit Designs gestaltbaren Komponenten* der Benutzeroberfläche der Safe Share-Webanwendung, die mit dem WebApp Design-Builder benutzerdefiniert angepasst werden können. Diese gestaltbaren Komponenten beinhalten Bilder/Logos und andere Eigenschaften, deren Werte die Nutzung von Farben festlegen. Diese sind unten jeweils nach dem Namen der Eigenschaft in der Datei `theme.properties` aufgeführt.

**Safe Share-Hauptseite**

![Gestaltbare Bereiche der Anwendungs-Hauptseite](https://mintcdn.com/cocoondata/UCzlmDjgVturBxhL/images/a23fbc159e76-themable-areas-of-the-main-application-page.jpg?fit=max\&auto=format\&n=UCzlmDjgVturBxhL\&q=85\&s=541d24584bd3d8ccb37f22d704203d69)

> [!NOTE]
>
> Die `Primärfarbe` wird auch für Animationen bei Warte- bzw. Bearbeitungsvorgängen verwendet, die z. B. beim Download einer Dateiansicht angezeigt werden.

**Dialogfelder**

![Gestaltbare Bereiche eines Dialogfelds](https://mintcdn.com/cocoondata/MnwEzgXdF2yy5sI6/images/005488850062-themable-areas-of-a-dialog-box.jpg?fit=max\&auto=format\&n=MnwEzgXdF2yy5sI6\&q=85\&s=70f779a1d7893834ca9df178188be2c1)

## Mit Designs gestaltbare Bereiche der webbasierten Verwaltung&#x20;

Die folgenden Diagramme zeigen die *mit Designs gestaltbaren Komponenten* der webbasierten Verwaltungsseiten von Safe Share, die mit dem WebApp Design-Builder benutzerdefiniert angepasst werden können. Diese gestaltbaren Komponenten beinhalten Bilder/Logos und andere Eigenschaften, deren Werte die Nutzung von Farben festlegen. Diese sind unten jeweils nach dem Namen der Eigenschaft in der Datei `theme.properties` aufgeführt.

**Organisationsverwaltung-Oberfläche**

Bei den einzelnen Organisationen wirken sich die ([oben dargestellten](/3.2/de/admin-platform/theming-the-applications-web-based-interfaces.md#themable-areas-of-the-web-application)) organisationsspezifischen Komponenten der Safe Share-Hauptseite, die über einen spezifischen Eigenschaftswert verfügen, auch auf die entsprechende Komponente der Organisationsverwaltung-Oberfläche der betreffenden Organisation aus. Das folgende Diagramm zeigt weitere Komponenten, die auf der Safe Share-Hauptseite bzw. -Oberfläche keine Entsprechung haben, aber auch mit dem WebApp Design-Builder benutzerdefiniert angepasst werden können.

![Gestaltbare Bereiche der Organisationsverwaltung](https://mintcdn.com/cocoondata/MnwEzgXdF2yy5sI6/images/19bdf6bd7f28-themable-areas-of-the-org-admin-interface.jpg?fit=max\&auto=format\&n=MnwEzgXdF2yy5sI6\&q=85\&s=7b0e841d2a692c42366424bc7aa37feb)

## Weitere mit Designs gestaltbare Bereiche von Safe Share&#x20;

Die folgenden Diagramme zeigen die *mit Designs gestaltbaren Komponenten* anderer (oben nicht abgedeckter) Bereiche und Aspekte von Safe Share, die mit dem WebApp Design-Builder benutzerdefiniert angepasst werden können. Diese gestaltbaren Komponenten beinhalten Bilder/Logos und andere Eigenschaften, deren Werte die Nutzung von Farben festlegen. Diese sind unten jeweils nach dem Namen der Eigenschaft in der Datei `theme.properties` aufgeführt.

> [!NOTE]
>
> Für die folgenden Bereiche werden nur die im Systemdesign-Verzeichnis gespeicherten Logos/Bilder und Eigenschaftswerte (der Datei `theme.properties`) verwendet:

**Anmeldeseite**

![Gestaltbare Bereiche der Anmeldeseite](https://mintcdn.com/cocoondata/UCzlmDjgVturBxhL/images/7d4d88f5162f-themable-areas-of-the-sign-in-page.jpg?fit=max\&auto=format\&n=UCzlmDjgVturBxhL\&q=85\&s=6214152abdf4f459d7e6b2f010d346b3)

**E-Mail-Benachrichtigungen**

![Gestaltbare Bereiche einer E-Mail-Benachrichtigung](https://mintcdn.com/cocoondata/_MzKWwAlmVvZNHNz/images/da0347b3b055-themable-areas-of-an-email-notification.jpg?fit=max\&auto=format\&n=_MzKWwAlmVvZNHNz\&q=85\&s=60fd2d15d3020efd335de1b9146fe664)

> [!NOTE]
>
> E-Mail-Benachrichtigungen können derzeit nicht auf der Basis spezifischer Organisationen mit Designs gestaltet werden.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.