> ## 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 von [Safe Share for Web](/3.3/de/user.md) verwendeten Farbkonzepte und Logos für individuelle [Organisationen](/3.3/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.3/de/admin-platform.md#platform-administration)siehe [Verwaltung von Organisationen](/3.3/de/admin-platform/administering-organisations.md) in der [Safe Share-Administratorenanleitung](/3.3/de/admin-platform.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.3/de/admin-org.md#organisation-administration),
* [Safe Share-Verwaltung](/3.3/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 von Safe Share for Web und der 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 und
* die Funktion [Mein Account](/3.3/de/user/managing-your-account.md)

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.3/de/admin-platform/configuring-platform-administration-properties.md#system-details-properties) auf der **Konfigurations**-[Seite](/3.3/de/admin-platform/configuring-platform-administration-properties.md) der [Safe Share-Verwaltung](/3.3/de/admin-platform.md) konfiguriert werden. Die Firma kann jedoch für die einzelnen Organisationen anhand der jeweiligen **Konfigurations**-[Seite](/3.3/de/admin-org/configuring-organisation-administration-properties.md) der Organisationsverwaltung benutzerdefiniert angepasst werden.

## Mit Designs gestaltbare Bereiche von Safe Share for Web&#x20;

Die folgenden Diagramme zeigen die *mit Designs gestaltbaren Komponenten* der Benutzeroberfläche von Safe Share for Web, 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/nH8pbjLreDSHB6fD/images/53d06b6dd450-themable-areas-of-the-main-application-page.jpg?fit=max\&auto=format\&n=nH8pbjLreDSHB6fD\&q=85\&s=ca24b49b8fe3b36414d120ab73f940a6)

> [!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/_MzKWwAlmVvZNHNz/images/dd0c326acf4b-themable-areas-of-a-dialog-box.jpg?fit=max\&auto=format\&n=_MzKWwAlmVvZNHNz\&q=85\&s=af1b80408e247f7ebd76a58c88d89c43)

## 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.3/de/admin-org/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/nH8pbjLreDSHB6fD/images/747f4b46309c-themable-areas-of-the-org-admin-interface.jpg?fit=max\&auto=format\&n=nH8pbjLreDSHB6fD\&q=85\&s=6f02d4871ecd98ee1bb7585428b22e11)

## 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/UCzlmDjgVturBxhL/images/9e2ea527e62b-themable-areas-of-an-email-notification.jpg?fit=max\&auto=format\&n=UCzlmDjgVturBxhL\&q=85\&s=4484898e99207e920c4842867dc62a2e)

> [!NOTE]
>
> Das Design von E-Mail-Benachrichtigungen richtet sich nach dem Safe Share-“Bereich“, auf den sich der Inhalt der Benachrichtigung bezieht. \\
>
> Für E-Mail-Benachrichtigungen über verschiedene Aktivitäten gilt z. B. jeweils Folgendes:
>
> * Für über die Safe Share-Verwaltung ausgeführte Aktivitäten, z. B. das Hinzufügen eines Safe Share-Administratoren-Accounts, wird das Systemdesign verwendet.
> * Für über die Organisationsverwaltung ausgeführte Aktivitäten, z. B. das Entfernen eines Covata-Benutzer-Accounts von einer Organisation, wird das Organisationsdesign verwendet. <sup>\*</sup>
> * Für über eine beliebige Safe Share-Anwendung ausgeführte Aktivitäten, z. B. die Freigabe eines Elements an eine andere Person, wird das Design der Standardorganisation des Empfängers verwendet. <sup>\*</sup> Dieses Prinzip gilt auch für auf der Covata-Plattform noch nicht registrierte Personen (d. h. Personen, deren Accounts erstellt und einer Organisation hinzugefügt werden, wenn ihnen ein vorhandener Covata-Benutzer in der betreffenden Organisation ein Element freigibt).
>
> <sup>\*</sup> Wenn für eine Organisation kein Design definiert ist, wird für solche Benachrichtigungen stattdessen das Systemdesign verwendet.


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