Themenvariablen
In diesem Abschnitt werden die Variablen beschrieben, die Sie in /assets/css/02_variables.css anpassen können.
| Variable | Beschreibung |
|---|---|
| --primary-color | Diese Farbe wird für die Hauptkomponenten des Portals verwendet, wie z. B. API-Titel, Markdown-Header oder Links. |
| --secondary-color | Diese Farbe wird für Komponenten wie den Hintergrund des Portals und die Beschreibung von Operationen verwendet. |
| --header-background | Diese Farbe wird für den Header-Hintergrund (Kopfzeile) verwendet. |
| --header-color | Diese Farbe wird für den Header-Text verwendet. |
| --header-brand-logo | Diese Variable verweist auf die für das Markenlogo zu verwendende Datei. Sie können die Variable bearbeiten und sie durch die Standarddatei ersetzen oder eine neue Datei hochladen und den Pfad in der Variablen entsprechend ändern. |
| --footer-background-color | Diese Farbe wird für den Footer-Hintergrund (Fußzeile) verwendet. |
| --footer-color | Diese Farbe wird für den Footer-Text verwendet. |
| --get-request-color | Diese Farbe wird für den Text auf dem GET-Badge verwendet. |
| --get-request-background-color | Diese Farbe wird für den Hintergrund des GET-Badges verwendet. |
| --head-request-color | Diese Farbe wird für den Text auf dem HEAD-Badge verwendet. |
| --head-request-background-color | Diese Farbe wird für den Hintergrund des HEAD-Badges verwendet. |
| --options-request-color | Diese Farbe wird für den Text auf dem OPTIONS-Badge verwendet. |
| --options-request-background-color | Diese Farbe wird für den Hintergrund des OPTIONS-Badges verwendet. |
| --post-request-color | Diese Farbe wird für den Text auf dem POST-Badge verwendet. |
| --post-request-background-color | Diese Farbe wird für den Hintergrund des POST-Badges verwendet. |
| --patch-request-color | Diese Farbe wird für den Text auf dem PATCH-Badge verwendet. |
| --patch-request-background-color | Diese Farbe wird für den Hintergrund des PATCH-Badges verwendet. |
| --put-request-color | Diese Farbe wird für den Text auf dem PUT-Badge verwendet. |
| --put-request-background-color | Diese Farbe wird für den Hintergrund des PUT-Badges verwendet. |
| --delete-request-color | Diese Farbe wird für den Text auf dem DELETE-Badge verwendet. |
| --delete-request-background-color | Diese Farbe wird für den Hintergrund des DELETE-Badges verwendet. |
| --color--neutral | Diese Farbe wird für den Text in Komponenten wie dem Optional-Badge und Beispielen verwendet. |
| --color--neutral-bg | Diese Farbe wird für den Hintergrund in Komponenten wie dem Optional-Badge und Beispielen verwendet. |
| --color--warn-bg | Diese Farbe wird für den Hintergrund in Komponenten wie dem Required-Badge (Erforderlich) und dem 4XX-Status-Badge verwendet. |
| --color--warn | Diese Farbe wird für den Text in Komponenten wie dem Required-Badge (Erforderlich) und dem 4XX-Status-Badge verwendet. |
| --color--error-bg | Diese Farbe wird für den Hintergrund in Komponenten wie dem 5XX-Status-Badge verwendet. |
| --color--error | Diese Farbe wird für den Text in Komponenten wie dem 5XX-Status-Badge verwendet. |
| --color--redirect-bg | Diese Farbe wird für den Hintergrund in Komponenten wie dem 3XX-Status-Badge verwendet. |
| --color--redirect | Diese Farbe wird für den Text in Komponenten wie dem 3XX-Status-Badge verwendet. |
| --color--success-bg | Diese Farbe wird für den Hintergrund in Komponenten wie dem 2XX-Status-Badge verwendet. |
| --color--success | Diese Farbe wird für den Text in Komponenten wie dem 2XX-Status-Badge verwendet. |
| --font-family-sans-serif | Diese Variable legt die für das gesamte Portal zu verwendende Schriftart fest. |
| --font-size-xxs | Diese Schriftgröße wird für Komponenten wie Request-Methoden-Badges verwendet. |
| --font-size-xs | Diese Größe wird als Stammgröße für die Schriftart verwendet. Wenn Sie den Wert ändern, werden alle anderen Schriftgrößen proportional dazu angepasst. |
| --font-size-sm | Diese Schriftgröße wird für Komponenten wie die API-Namen auf der Homepage verwendet. |
| --font-size-md | Diese Schriftgröße wird für Komponenten wie den Portal-Header und die API-Section-Titel verwendet. |
| --font-size-lg | Diese Schriftgröße wird für Komponenten wie API-Namen in der API-Dokumentation verwendet. |