So passen Sie das Erscheinungsbild Ihrer Dokumentation an (Themes, Farben & Schriftarten)

Sie können das Erscheinungsbild Ihrer veröffentlichten Dokumentation an Ihre Markenidentität anpassen. Diese Einstellungen finden Sie in den Projekteinstellungen unter dem Tab Publishing > Themes & Colors. Hier können Sie das Theme, die Farben, die Schriftarten und weitere stilistische Elemente festlegen, die Ihre Besucher sehen werden.

Auswahl des Theme-Modus

Die Einstellung Default Theme Mode legt fest, wie Ihre Dokumentation Besuchern standardmäßig angezeigt wird. Sie können ein festes Theme wählen oder die Darstellung an die Systemeinstellungen des Nutzers anpassen lassen.

Auto (Systemeinstellung folgen): Dies ist die Standardoption. Die Dokumentation wechselt automatisch zwischen dem hellen und dunklen Theme, basierend auf der Einstellung des Betriebssystems des Besuchers.
Light: Ihre Dokumentation wird immer im hellen Theme angezeigt, unabhängig von den Systemeinstellungen des Nutzers.
Dark: Ihre Dokumentation wird immer im dunklen Theme angezeigt.

Logo-Konfiguration

Sie können für das helle und das dunkle Theme separate Logos hochladen, um sicherzustellen, dass diese stets gut sichtbar sind und zu Ihrem Branding passen. Wenn kein Logo hochgeladen wurde, wird stattdessen der von Ihnen angegebene Text angezeigt.

Light Theme Logo: Laden Sie ein Logo hoch, das auf hellem Hintergrund am besten zur Geltung kommt.
Dark Theme Logo: Laden Sie ein Logo hoch, das für dunkle Hintergründe entworfen wurde.
Light/Dark Theme Logo Text: Geben Sie Ihren Markennamen oder einen anderen Text ein, der angezeigt werden soll, falls das entsprechende Logo nicht verfügbar ist.

Farben anpassen

Definieren Sie die Farbpalette Ihrer Marke, indem Sie Primär- und Sekundärfarben für das helle und das dunkle Theme festlegen. Dies sorgt für ein konsistentes Markenerlebnis in verschiedenen Anzeigemodi.

Primary Color: Dies ist die Hauptakzentfarbe für interaktive Elemente wie Schaltflächen, Links und Hervorhebungen.
Secondary Color: Diese Farbe wird für unterstützende Elemente verwendet und sorgt für einen dezenten Kontrast.

Schrift- und Stileinstellungen

Verfeinern Sie das Erscheinungsbild Ihrer Dokumentation weiter, indem Sie Schriftarten auswählen und den Eckenstil der UI-Elemente anpassen.

Primary Font Family: Wählen Sie aus der Liste die Hauptschriftart für alle Überschriften, Fließtexte und allgemeinen UI-Elemente.
Monospace Font Family: Wählen Sie eine Schriftart speziell für Codeblöcke und Inline-Code-Schnipsel.
Corner Style: Passen Sie den Eckenradius für UI-Elemente an. Zur Auswahl stehen Sharp (0px), Rounded (4px) und Extra Rounded (8px).

Tipps zur Anpassung

Vergessen Sie nicht, Ihre Änderungen zu speichern und anschließend oben in den Veröffentlichungseinstellungen auf die Schaltfläche Publish Changes zu klicken, damit Ihre Updates live gehen. Verwenden Sie für eine bessere Lesbarkeit stets kontrastreiche Farbkombinationen, insbesondere bei Texten und interaktiven Elementen.

Zusammenfassung

Dieser Artikel beschreibt, wie Sie das visuelle Erscheinungsbild Ihrer veröffentlichten Hinto-Dokumentation anpassen können. Er deckt die Auswahl eines Standard-Theme-Modus, das Hochladen benutzerdefinierter Logos für helle und dunkle Hintergründe, die Definition von Primär- und Sekundärfarben sowie die Auswahl von Schriftarten ab, um ein professionelles und stimmiges Design zu schaffen, das zu Ihrer Marke passt.