Accéder au contenu principal

Variables de thème

Cette section décrit les variables que vous pouvez personnaliser dans /assets/css/02_variables.css

Variable Description
--primary-color Cette couleur est utilisée pour les composants principaux du portail, comme les titres d'API, les en-têtes Markdown ou les liens.
--secondary-color Cette couleur est utilisée pour les composants comme l'arrière-plan du portail et les descriptions des opérations.
--header-background Cette couleur est utilisée pour l'arrière-plan de l'en-tête.
--header-color Cette couleur est utilisée pour le texte de l'en-tête.
--header-brand-logo Cette variable spécifie le fichier à utiliser comme logo de marque. Vous pouvez le modifier en remplaçant le fichier par défaut ou en chargeant un nouveau fichier et en modifiant le chemin dans cette variable.
--footer-background-color Cette couleur est utilisée pour l'arrière-plan du pied de page.
--footer-color Cette couleur est utilisée pour le texte du pied de page.
--get-request-color Cette couleur est utilisée pour le texte du badge GET.
--get-request-background-color Cette couleur est utilisée pour l'arrière-plan du badge GET.
--head-request-color Cette couleur est utilisée pour le texte du badge HEAD.
--head-request-background-color Cette couleur est utilisée pour l'arrière-plan du badge HEAD.
--options-request-color Cette couleur est utilisée pour le texte du badge OPTIONS.
--options-request-background-color Cette couleur est utilisée pour l'arrière-plan du badge OPTIONS.
--post-request-color Cette couleur est utilisée pour le texte du badge POST.
--post-request-background-color Cette couleur est utilisée pour l'arrière-plan du badge POST.
--patch-request-color Cette couleur est utilisée pour le texte du badge PATCH.
--patch-request-background-color Cette couleur est utilisée pour l'arrière-plan du badge PATCH.
--put-request-color Cette couleur est utilisée pour le texte du badge PUT.
--put-request-background-color Cette couleur est utilisée pour l'arrière-plan du badge PUT.
--delete-request-color Cette couleur est utilisée pour le texte du badge DELETE.
--delete-request-background-color Cette couleur est utilisée pour l'arrière-plan du badge DELETE.
--color--neutral Cette couleur est utilisée pour le texte dans les composants comme le badge Optional et les exemples.
--color--neutral-bg Cette couleur est utilisée pour l'arrière-plan dans les composants comme le badge Optional et les exemples.
--color--warn-bg Cette couleur est utilisée pour l'arrière-plan dans les composants comme le badge Required et le badge de statut 4XX.
--color--warn Cette couleur est utilisée pour le texte dans les composants comme le badge Required et le badge de statut 4XX.
--color--error-bg Cette couleur est utilisée pour l'arrière-plan dans les composants comme le badge de statut 5XX.
--color--error Cette couleur est utilisée pour le texte dans les composants comme le badge de statut 5XX.
--color--redirect-bg Cette couleur est utilisée pour l'arrière-plan dans les composants comme le badge de statut 3XX.
--color--redirect Cette couleur est utilisée pour le texte dans les composants comme le badge de statut 3XX.
--color--success-bg Cette couleur est utilisée pour l'arrière-plan dans les composants comme le badge de statut 2XX.
--color--success Cette couleur est utilisée pour le texte dans les composants comme le badge de statut 2XX.
--font-family-sans-serif Cette variable définit la police à utiliser dans le portail.
--font-size-xxs Cette taille de police est utilisée pour les composants comme les badges de méthode de requête.
--font-size-xs Cette taille est utilisée comme taille de police racine. SI vous modifiez cette valeur, toutes les autres tailles de police sont modifiées proportionnellement.
--font-size-sm Cette taille de police est utilisée pour les composants comme les noms d'API sur la page d'accueil.
--font-size-md Cette taille de police est utilisée pour les composants comme l'en-tête du portail et les titres des sections d'API.
--font-size-lg Cette taille de police est utilisée pour les composants comme les noms d'API dans la documentation des API.

Cette page vous a-t-elle aidé ?

Si vous rencontrez des problèmes sur cette page ou dans son contenu – une faute de frappe, une étape manquante ou une erreur technique – dites-nous comment nous améliorer !