# Welche Möglichkeiten bietet Enginsight für ein White-Labeling der Plattform? Enginsight bietet dir die Möglichkeit, das Aussehen der Enginsight Plattform an dein Corporate Design anzupassen. Diese Anpassungsmöglichkeiten umfassen neben dem Hinterlegen eines eigenen Logos sowie eigenen Support-Kontaktdaten über die Benutzeroberfläche von Enginsight auch umfassendere Anpassungsmöglichkeiten über die Konfigurationsdatei für die Benutzeroberfläche. *** ## Anpassungen über die Enginsight Benutzeroberfläche ### Eigenes Logo hinterlegen Du kannst dein eigenes Logo hinterlegen, damit dieses in der Sidebar der Plattform sowie in PDF- und DOCX-Berichten angezeigt wird. Nimm dazu folgende Schritte vor: {% stepper %} {% step %} Logge dich in der Enginsight Plattform ein. {% endstep %} {% step %} Navigiere zu **Einstellungen** → [Organisation](https://docs.enginsight.com/docs/manual/administration/einstellungen/organisation). {% endstep %} {% step %} Scrolle zum Abschnitt **Corporate Design** und klicke auf **Erweitern**, um den entsprechenden Bereich auszuklappen. {% endstep %} {% step %} Klicke auf **Datei auswählen**, um eine Bilddatei mit deinem Logo hochzuladen. {% hint style="warning" %} **Bitte beachte**: Die hochgeladene Datei darf nicht größer als 1 MB sein. Unterstützte Bildformate sind SVG, PNG und JPG. PNG- und JPG-Dateien müssen mindestens die Maße 150x150 Pixel haben. {% endhint %} {% endstep %} {% endstepper %} ### Eigene Support-Kontaktdaten hinterlegen Du kannst Kontaktinformationen eintragen, wenn durch dich als Hauptorganisation der Support für verknüpfte Kunden-Unterorganisationen übernommen wird. {% hint style="warning" %} **Bitte beachte**: Diese Funktion ist nur für Hauptorganisationen in der On-Premises-Version von Enginsight verfügbar. {% endhint %} Nimm dazu folgende Schritte vor: {% stepper %} {% step %} Logge dich in der Enginsight Plattform ein. {% endstep %} {% step %} Navigiere zu **Einstellungen** → [Support](https://docs.enginsight.com/docs/manual/administration/einstellungen/support). {% endstep %} {% step %} Nimm folgende Einstellungen vor:

Option	Beschreibung
Name der Organisation	Gib den Namen der Organisation an, die für den Support zuständig ist.
E-Mail	Gib die E-Mail-Adresse an, unter der der Support zu erreichen ist.
Telefon	Gib die Telefonnummer an, unter der der Support zu erreichen ist. Dieses Feld ist optional.
Webseite	Gib die Webseite der Organisation an, die für den Support zuständig ist oder unter der der Support zu erreichen ist, z.B. über ein Kontaktformular. Dieses Feld ist optional.

{% endstep %} {% step %} Klicke auf **Änderungen speichern**. {% endstep %} {% endstepper %} Die angegebenen Kontaktdaten werden nun verknüpften Kunden-Unterorganisationen angezeigt, wenn sie in der Topbar der Plattform auf das **Headset**-Symbol klicken.

*** ## Anpassungen über die Benutzeroberflächen-Konfiguration Über die Konfigurationsdatei für die Enginsight Benutzeroberfläche kannst du umfassendere Änderungen vornehmen. Dies betrifft vor allem die Login-Seite sowie Links zu rechtlich notwendigen Seiten wie den AGBs oder der Datenschutzerklärung. Nimm dazu folgende Schritte vor: {% stepper %} {% step %} ### Konfigurationsdatei der Benutzeroberfläche öffnen 1. Logge dich auf dem Enginsight Applikationsserver ein. 2. Öffne mit folgendem Befehl die Konfigurationsdatei der Benutzeroberfläche: ``` sudo nano /opt/enginsight/enterprise/conf/ui-m1/environment.js ``` {% endstep %} {% step %} ### Corporate Design hinterlegen 1. Füge der Konfigurationsdatei den Abschnitt `corporateIdentity` hinzu, um Akzentfarbe, Logo, Gestaltung des Browser-Tabs sowie der Login-Seite und mehr festzulegen: ``` corporateIdentity: { colors: { primaryH: '', primaryS: '', primaryL: '' }, tabTitle: '', favicon: '', company: '', companySlug: '', about: '', website: '', logo: '', logoIcon: '', offlineBackgroundImage: '', offlineBackgroundImageWithoutText: false }, ``` 2. Ergänze die Parameter wie folgt:

Parameter	Beschreibung
`colors`	Gib die Akzentfarbe für die Plattform gemäß dem HSL-Farbmodell an: `primaryH`: Gib H-Wert (Hue; Farbton) als Ganzzahl (0-360) an. `primaryS:` Gib den S-Wert (Saturation; Sättigung) in Prozent (0% - 100%) an. `primaryL`: Gib den L-Wert (Lightness; Helligkeit) in Prozent (0% - 100%) an.
`tabTitle`	Gib einen Text an, der als Titel auf dem Browser-Tab angezeigt werden soll.
`favicon`	Gib den vollständigen Pfad (inklusive https:// oder http://) zu einem Favicon an, das unter anderem auf dem Browser-Tab angezeigt werden soll. Beispiel: `https://company.com/favicon.ico` Unterstützte Formate sind ICO und PNG.
`company`	Gib den Namen deines Unternehmens an.
`companySlug`	Gib einen Kurznamen für dein Unternehmen an.
`about`	Gib eine kurze Beschreibung deines Unternehmens an.
`website`	Gib die Webseite deines Unternehmens inklusive www. an. Beispiel: `www.company.com`
`logo`	Füge dein Hauptlogo (z.B. Wort- und Bildmarke) direkt als .svg-Datei in die Konfiguration ein. Siehe dazu auch die Beispielkonfiguration weiter unten. Es wird ausschließlich das SVG-Format unterstützt.
`logoIcon`	Füge ein annähernd quadratisches Logo (z.B. nur die Bildmarke). direkt als .svg-Datei in die Konfiguration ein. Siehe dazu auch die Beispielkonfiguration weiter unten. Es wird ausschließlich das SVG-Format unterstützt.
`offlineBackgroundImage`	Gib optional den vollständigen Pfad (inklusive https:// oder http://) zu einem Hintergrundbild für die Login-Seite an. Beispiel: `https://company.com/images/background.png` Unterstützte Formate sind PNG und JPG.
`offlineBackgroundImageWithoutText`	Lege fest, wie die Login-Seite dargestellt werden soll. `false`: Logo, Name, Beschreibung und Webseite der Organisation sind vor dem Hintergrundbild platziert. `true`: Logo, Name, Beschreibung und Webseite der Organisation werden nicht angezeigt. Stattdessen ist das Logo oberhalb der Anmeldemaske auf der linken Seite platziert.

{% endstep %} {% step %} ### Links zu rechtlich wichtigen Seiten hinterlegen 1. Füge der Konfigurationsdatei den Abschnitt `legal` hinzu, um Links zu AGB, Datenschutzerklärung, Impressum und Auftragsverarbeitungsvertrag zu hinterlegen: ``` legal: { dataProcessingAgreement: "https://...", privacyPolicy: "https://...", imprint: "https://...", terms: "https://..." }, ``` {% hint style="danger" %} **Bitte beachte**: Wenn du den gesamten Abschnitt `legal` weglässt oder einzelne Werte leer lässt, werden weiterhin die entsprechenden Links zu Enginsight angezeigt! Blende Werte, die du nicht anzeigen möchtest, daher wie folgt beschrieben aus. {% endhint %} 2. Setze Werte für Links, die du ausblenden möchtest, auf null, zum Beispiel: ``` legal: { dataProcessingAgreement: null, privacyPolicy: null, imprint: "https://...", terms: "https://..." ``` {% endstep %} {% step %} ### Änderungen speichern Speichere die Konfigurationsdatei (Strg + o) und bestätige den Speicherprozess. Schließe die Datei (Strg + x). {% endstep %} {% step %} ### Anpassungen auf dem Applikationsserver übernehmen Nun musst du das Setup-Skript für den Applikationsserver noch einmal ausführen, um deine Konfigurationsänderungen zu übernehmen. 1. Navigiere dazu mit folgendem Befehl in das Verzeichnis, in dem die Enginsight Konfigurationsdateien liegen: ``` cd /opt/enginsight/enterprise ``` 2. Führe nun mit folgendem Befehl das Setup-Skript neu aus und bestätige alle Abfragen mit der **Enter**-Taste: ``` sudo ./setup.sh ``` {% endstep %} {% endstepper %} *** ## Beispiele für Anpassungen der Login-Seite ### Login-Seite ohne Hintergrundbild Für eine Login-Seite ohne Hintergundbild könnte die Konfiguration wie folgt aussehen:

corporateIdentity: {
    colors: {
        primaryH: '208',
        primaryS: '66%',
        primaryL: '60%'
    },
    tabTitle: 'Company Security',
    favicon: 'https://company.com/favicon.ico',
    company: 'Company GmbH',
    companySlug: 'Company',
    about: 'Best Security Monitoring of the World',
    website: 'www.company.com',
    logo: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 410.84 87.9"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#58595b;}</style><linearGradient id="linear-gradient" x1="39.42" x2="39.42" y2="87.9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc7808"/><stop offset="0.43" stop-color="#ff006c"/><stop offset="0.79" stop-color="#8338ea"/><stop offset="1" stop-color="#3887fe"/></linearGradient></defs><g id="OBJECTS"><path class="cls-1" d="M39.42,14.1l2.71,1.56V6.27L39.42,4.7,36.7,6.27v9.39ZM59.84,32.16,65.27,29,42.13,15.66v6.27ZM0,24.32V63.58l5.43-3.13v-33Zm78.84-3.13L42.13,0V6.27L73.41,24.33ZM2.71,68.27l34,19.63V81.63L8.14,65.14ZM36.7,0l-34,19.62,5.43,3.14L36.7,6.27Zm-15,30.59,15-8.66V15.66L16.28,27.46ZM39.42,73.8,36.7,72.24v9.39l2.72,1.57,2.71-1.57V72.24ZM59.84,55.74,42.13,66v6.27L65.27,58.87ZM42.13,81.63V87.9L78.84,66.71l-5.43-3.14ZM13.57,29l2.71-1.57-8.14-4.7L5.43,24.33v3.12l8.14,4.7ZM36.7,66l-15-8.66-5.43,3.13L36.7,72.24ZM19,52.61V35.29l-5.42-3.14v23.6Zm-5.42,6.26V55.75l-8.14,4.7v3.12l2.71,1.57,8.14-4.7Z"/><path class="cls-2" d="M104.2,44c0-11.91,9.11-20.35,21.52-20.35,7.21,0,13,2.63,16.82,7.38l-7,6.37a11.57,11.57,0,0,0-9.22-4.58c-6.43,0-10.9,4.47-10.9,11.18s4.47,11.18,10.9,11.18a11.57,11.57,0,0,0,9.22-4.58l7,6.37c-3.8,4.75-9.61,7.37-16.82,7.37C113.31,64.29,104.2,55.85,104.2,44Z"/><path class="cls-2" d="M144.61,44c0-11.74,9.22-20.35,21.74-20.35S188.1,32.21,188.1,44s-9.23,20.34-21.75,20.34S144.61,55.69,144.61,44Zm32.31,0c0-6.76-4.64-11.18-10.57-11.18S155.79,37.19,155.79,44s4.64,11.18,10.56,11.18S176.92,50.71,176.92,44Z"/><path class="cls-2" d="M229.23,63.51l-.11-20.73L219.06,59.66h-4.92l-10-16.33V63.51H193.91V24.39H203L216.77,47l13.41-22.58h9.12l.11,39.12Z"/><path class="cls-2" d="M282.5,38.86c0,8.89-6.7,14.42-17.38,14.42H258.3V63.51H247.23V24.39h17.89C275.8,24.39,282.5,29.92,282.5,38.86Zm-11.18,0c0-3.63-2.29-5.75-6.87-5.75H258.3V44.56h6.15C269,44.56,271.32,42.44,271.32,38.86Z"/><path class="cls-2" d="M312.13,55.91H295.58l-3.07,7.6H281.22l17.27-39.12h10.9l17.33,39.12H315.2Zm-3.24-8.16-5-12.52-5,12.52Z"/><path class="cls-2" d="M367.07,24.39V63.51H358L340.69,42.66V63.51H329.85V24.39H339l17.27,20.84V24.39Z"/><path class="cls-2" d="M395.86,49.48v14H384.79V49.31L369.87,24.39h11.68l9.28,15.54,9.28-15.54h10.73Z"/></g></svg>',
    logoIcon: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 78.84 87.9"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="39.42" x2="39.42" y2="87.9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc7808"/><stop offset="0.43" stop-color="#ff006c"/><stop offset="0.79" stop-color="#8338ea"/><stop offset="1" stop-color="#3887fe"/></linearGradient></defs><g id="OBJECTS"><path class="cls-1" d="M39.42,14.1l2.71,1.56V6.27L39.42,4.7,36.7,6.27v9.39ZM59.84,32.16,65.27,29,42.13,15.66v6.27ZM0,24.32V63.58l5.43-3.13v-33Zm78.84-3.13L42.13,0V6.27L73.41,24.33ZM2.71,68.27l34,19.63V81.63L8.14,65.14ZM36.7,0l-34,19.62,5.43,3.14L36.7,6.27Zm-15,30.59,15-8.66V15.66L16.28,27.46ZM39.42,73.8,36.7,72.24v9.39l2.72,1.57,2.71-1.57V72.24ZM59.84,55.74,42.13,66v6.27L65.27,58.87ZM42.13,81.63V87.9L78.84,66.71l-5.43-3.14ZM13.57,29l2.71-1.57-8.14-4.7L5.43,24.33v3.12l8.14,4.7ZM36.7,66l-15-8.66-5.43,3.13L36.7,72.24ZM19,52.61V35.29l-5.42-3.14v23.6Zm-5.42,6.26V55.75l-8.14,4.7v3.12l2.71,1.57,8.14-4.7Z"/></g></svg>',
    offlineBackgroundImage: '',
    offlineBackgroundImageWithoutText: false
},

### Login-Seite mit Hintergrundbild Für eine Login-Seite mit Hintergundbild und `offlineBackgroundImageWithoutText: true` könnte die Konfiguration wie folgt aussehen:

corporateIdentity: {
    colors: {
        primaryH: '208',
        primaryS: '66%',
        primaryL: '60%'
    },
    tabTitle: 'Company Security',
    favicon: 'https://company.com/favicon.ico',
    company: 'Company GmbH',
    companySlug: 'Company',
    about: 'Best Security Monitoring of the World',
    website: 'www.company.com',
    logo: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 410.84 87.9"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#58595b;}</style><linearGradient id="linear-gradient" x1="39.42" x2="39.42" y2="87.9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc7808"/><stop offset="0.43" stop-color="#ff006c"/><stop offset="0.79" stop-color="#8338ea"/><stop offset="1" stop-color="#3887fe"/></linearGradient></defs><g id="OBJECTS"><path class="cls-1" d="M39.42,14.1l2.71,1.56V6.27L39.42,4.7,36.7,6.27v9.39ZM59.84,32.16,65.27,29,42.13,15.66v6.27ZM0,24.32V63.58l5.43-3.13v-33Zm78.84-3.13L42.13,0V6.27L73.41,24.33ZM2.71,68.27l34,19.63V81.63L8.14,65.14ZM36.7,0l-34,19.62,5.43,3.14L36.7,6.27Zm-15,30.59,15-8.66V15.66L16.28,27.46ZM39.42,73.8,36.7,72.24v9.39l2.72,1.57,2.71-1.57V72.24ZM59.84,55.74,42.13,66v6.27L65.27,58.87ZM42.13,81.63V87.9L78.84,66.71l-5.43-3.14ZM13.57,29l2.71-1.57-8.14-4.7L5.43,24.33v3.12l8.14,4.7ZM36.7,66l-15-8.66-5.43,3.13L36.7,72.24ZM19,52.61V35.29l-5.42-3.14v23.6Zm-5.42,6.26V55.75l-8.14,4.7v3.12l2.71,1.57,8.14-4.7Z"/><path class="cls-2" d="M104.2,44c0-11.91,9.11-20.35,21.52-20.35,7.21,0,13,2.63,16.82,7.38l-7,6.37a11.57,11.57,0,0,0-9.22-4.58c-6.43,0-10.9,4.47-10.9,11.18s4.47,11.18,10.9,11.18a11.57,11.57,0,0,0,9.22-4.58l7,6.37c-3.8,4.75-9.61,7.37-16.82,7.37C113.31,64.29,104.2,55.85,104.2,44Z"/><path class="cls-2" d="M144.61,44c0-11.74,9.22-20.35,21.74-20.35S188.1,32.21,188.1,44s-9.23,20.34-21.75,20.34S144.61,55.69,144.61,44Zm32.31,0c0-6.76-4.64-11.18-10.57-11.18S155.79,37.19,155.79,44s4.64,11.18,10.56,11.18S176.92,50.71,176.92,44Z"/><path class="cls-2" d="M229.23,63.51l-.11-20.73L219.06,59.66h-4.92l-10-16.33V63.51H193.91V24.39H203L216.77,47l13.41-22.58h9.12l.11,39.12Z"/><path class="cls-2" d="M282.5,38.86c0,8.89-6.7,14.42-17.38,14.42H258.3V63.51H247.23V24.39h17.89C275.8,24.39,282.5,29.92,282.5,38.86Zm-11.18,0c0-3.63-2.29-5.75-6.87-5.75H258.3V44.56h6.15C269,44.56,271.32,42.44,271.32,38.86Z"/><path class="cls-2" d="M312.13,55.91H295.58l-3.07,7.6H281.22l17.27-39.12h10.9l17.33,39.12H315.2Zm-3.24-8.16-5-12.52-5,12.52Z"/><path class="cls-2" d="M367.07,24.39V63.51H358L340.69,42.66V63.51H329.85V24.39H339l17.27,20.84V24.39Z"/><path class="cls-2" d="M395.86,49.48v14H384.79V49.31L369.87,24.39h11.68l9.28,15.54,9.28-15.54h10.73Z"/></g></svg>',
    logoIcon: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 78.84 87.9"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="39.42" x2="39.42" y2="87.9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc7808"/><stop offset="0.43" stop-color="#ff006c"/><stop offset="0.79" stop-color="#8338ea"/><stop offset="1" stop-color="#3887fe"/></linearGradient></defs><g id="OBJECTS"><path class="cls-1" d="M39.42,14.1l2.71,1.56V6.27L39.42,4.7,36.7,6.27v9.39ZM59.84,32.16,65.27,29,42.13,15.66v6.27ZM0,24.32V63.58l5.43-3.13v-33Zm78.84-3.13L42.13,0V6.27L73.41,24.33ZM2.71,68.27l34,19.63V81.63L8.14,65.14ZM36.7,0l-34,19.62,5.43,3.14L36.7,6.27Zm-15,30.59,15-8.66V15.66L16.28,27.46ZM39.42,73.8,36.7,72.24v9.39l2.72,1.57,2.71-1.57V72.24ZM59.84,55.74,42.13,66v6.27L65.27,58.87ZM42.13,81.63V87.9L78.84,66.71l-5.43-3.14ZM13.57,29l2.71-1.57-8.14-4.7L5.43,24.33v3.12l8.14,4.7ZM36.7,66l-15-8.66-5.43,3.13L36.7,72.24ZM19,52.61V35.29l-5.42-3.14v23.6Zm-5.42,6.26V55.75l-8.14,4.7v3.12l2.71,1.57,8.14-4.7Z"/></g></svg>',
    offlineBackgroundImage: 'https://company.com/images/background.png',
    offlineBackgroundImageWithoutText: true
},

--- # Agent Instructions: 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: ``` GET https://docs.enginsight.com/docs/knowledge-base/welche-moglichkeiten-bietet-enginsight-fur-ein-white-labeling-der-plattform.md?ask= ``` The question should be specific, self-contained, and written in natural language. 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.