Anpassen der Instanzdarstellung
Ein Administrator kann globale CSS- oder Systemeigenschaften ändern, um das Erscheinungsbild der Standardinstanzschnittstelle zu ändern. Die Funktionalität ist nicht betroffen.
Beispielsweise verwenden Unternehmen häufig mehrere Instanzen, um Entwicklungs-, Test- und Produktionsaktivitäten zu trennen. Um zu verhindern, dass Benutzer versehentlich die falsche Instanz ändern, können Administratoren jede mit einem visuell unterschiedlichen Design konfigurieren. Zum Definieren eines Instanzthemas stehen verschiedene Ansätze zur Verfügung.
CSS-Eigenschaften
Navigieren zu .
Die folgenden Eigenschaften sind über CSS-Eigenschaften verfügbar.
Hinweis:
Farben werden mit vordefinierten Farbnamen, RGB-Dezimalzahlen oder RGB-Hexadezimalzahlen angegeben.
- Banner-Textfarbe:
- Hintergrundfarbe für Banner und Listenbeschriftungen
- In Formularen und Listen verwendete Schriftart (dies ist eine globale Schriftarteinstellung)
- Schaltflächenstile (Hintergrundfarbe, Rahmenfarbe, Rahmenbreite, Textfarbe)
- Farben für Feldstatusindikatoren (einschließlich der Indikatoren für „Geändert“, „Obligatorisch ausgefüllt“, „Obligatorisch nicht ausgefüllt“ und „Schreibgeschützt“)
- Vertikale Ausrichtung von Listenzellen
- Stile des Navigatormenüs (Schriftartgröße, Hintergrundfarbe, Textfarbe)
- Name und Größe der Headerschriftart
- Farbe von Listen- und Formularbeschriftungen überschreiben
- Hintergrundfarbe für globale Textsuche (für Katalogergebnisse und Knowledge Base-Ergebnisse)
UI-Eigenschaften
Navigieren zu .
Die folgenden Eigenschaften sind über UI-Eigenschaften verfügbar.
- Im Aktivitätsformatierer verwendete Symbole
- Hintergrundfarben für „Zusätzliche Anmerkungen“ und „Arbeitsnotizen“.
- Schaltflächenplatzierung auf Formularen
- Im Aufgabenaktivitätsformatierer verwendete Symbole
- Hintergrundfarben für „Zusätzliche Kommentare zum Incident“ und „Arbeitsnotizen“.
Unterstützung für CSS-Klassen
In Core-UI (UI16) ändern sich die CSS-Eigenschaften und ihre Auswirkungen auf die Plattform-UI je nach Release.
| CSS-Klasse | Beschreibung | Konfiguration | Betroffener Bereich |
|---|---|---|---|
| $navpage-header-bg | Header-Hintergrundfarbe | Navigieren zu |  |
| $navpage-header-color | Farbe für Headertext und Symbol für globale Suche | Navigieren zu |  |
| $navpage-header-button-color | Farbe für den Text des Namens des angemeldeten Anwenders und die Symbole für die globale Suche Connect, Hilfe und Einstellungen | Fügen Sie dem CSS-Feld eines Designs die CSS-Eigenschaft hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. |  |
| $navpage-header-divider-color | Farbe des Header-Teilers | Navigieren zu |  |
| $navpage-button-color | Farbe für die folgenden Symbole in den Sidebars
|
Fügen Sie dem CSS-Feld eines Designs die CSS-Eigenschaft hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. |  |
| $navpage-button-color-hover | Farbe für die folgenden Symbole, wenn ein Benutzer auf das Steuerelement zeigt:
|
Fügen Sie dem CSS-Feld eines Designs die CSS-Eigenschaft hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. | 
|
| $search-text-color | Farbe des Suchtexts, sowohl im Navigationsfilter als auch in den Feldern der globalen Suche | Fügen Sie dem CSS-Feld eines Designs die CSS-Eigenschaft hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. |  |
| $navpage-nav-frame | Rahmenfarbe für den Navigationsfilter und den Konversationsfilter | Navigieren zu |  |
| $nav-highlight-main | Hebt das Modul hervor, nachdem der Anwender darauf geklickt hat. Im Arbeitsbereich Connect hebt die ausgewählte Konversation hervor. | Fügen Sie dem CSS-Feld eines Designs die CSS-Eigenschaft hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. |  |
| $subnav-background-color | Hintergrund für erweiterte Navigationselemente | Navigieren zu |  |
| $navpage-nav-bg | Kopf- und Fußzeile für Navigator und Seitenleisten. | Navigieren zu |  |
| $navpage-nav-bg-sub | Hintergrund für Navigator und Sidebars | Navigieren zu | |
| $navpage-nav-color-sub | Textfarbe für Module in der Hauptnavigation | Fügen Sie dem CSS-Feld eines Designs die CSS-Eigenschaft hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. | |
| $navpage-nav-mod-text-hover | Textfarbe, wenn der Mauszeiger über Elemente in der Hauptnavigation bewegt wird | Nicht unterstützt | Nicht unterstützt |
| $nav-hr-color | Farbe des Navigators | Navigieren zu |  |
| $nav-highlight-bar-active | Zeile unter der aktiven Registerkarte im Anwendungsnavigator. Diese Farbe wird auch als Teil der Designvorschau auf der Registerkarte „Designs“ in den Systemeinstellungen verwendet. | Navigieren zu |  |
| $nav-highlight-bar-inactive | Zeile unter den inaktiven Registerkarten im Anwendungsnavigator | Navigieren zu |  |
| $navpage-nav-selected-bg | Hintergrundfarbe für ausgewählte Navigationsregisterkarte | Navigieren zu |  |
| $navpage-nav-selected-color | Farbe für Symbol auf aktuell ausgewählter Navigationsregisterkarte | Navigieren zu |  |
| $navpage-nav-unselected-color | Nicht ausgewähltes Symbol auf der Navigationsregisterkarte und die bevorzugte Symbolfarbe | Navigieren zu |  |
| $connect-latest-message | Farbe der aktuell ausgewählten Nachricht in Connect | Fügen Sie dem CSS-Feld eines Designs die CSS-Eigenschaft hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. | |
| $nav-timeago-header-color | Headerhintergründe des Zeitstempels auf der Registerkarte „Verlauf“. | Nicht unterstützt | Nicht unterstützt |
| $navpage-nav-app-text | Textfarbe des Core-Inhalts für Elemente wie Anwendungen und den leeren Statustext für die Sidebar Connect. | Fügen Sie dem CSS-Feld eines Designs die CSS-Eigenschaft hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. | |
| $navpage-nav-app-text-hover | Textfarbe für ein ausgewähltes Modul | Fügen Sie dem CSS-Feld eines Designs die CSS-Eigenschaft hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. |
