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. |