Icônes, couleurs et thèmes

Personnalisez les icônes, couleurs, thèmes et plus

A GitBook screenshot showing title, icon and logo customization

Titre

Vous pouvez définir le titre de votre choix pour votre espace. Remarque : ce paramètre n’affectera que le titre qui s’affiche dans la documentation publiée. Si vous souhaitez modifier le titre dans l’application GitBook, fermez le menu de personnalisation et modifiez-le en haut de l’espace.

Icône

Vous pouvez définir un emoji ou téléverser votre propre icône. L’icône que vous définissez dans le Personnalisation menu sera utilisée comme favicon pour votre site de documentation.

Ce paramètre n’affectera que l’icône qui s’affiche dans la documentation publiée. Si vous souhaitez modifier l’icône utilisée dans l’application GitBook, vous pouvez le faire lors de l’édition du contenu directement dans l’espace.

Logo personnalisé (Premium & Ultimate)

Vous pouvez remplacer les deux le titre et l’icône de l’espace publié par un logo personnalisé afin que votre documentation reflète mieux votre propre image de marque — et vous pouvez téléverser deux versions : une pour le mode clair et une pour le mode sombre.

Le paramètre d’icône vous permet de téléverser une petite image de 132×132 px, qui apparaîtra à côté de votre titre d’espace et fera office de favicon pour votre site. L’option de logo personnalisé vous permet de téléverser une image plus grande (nous recommandons au moins 600 px de large), qui remplacera complètement toute icône et tout titre que vous avez définis.

Thèmes

Les thèmes vous permettent de personnaliser le schéma de couleurs de votre contenu publié pour les modes clair et sombre. Il existe quatre thèmes parmi lesquels choisir. Les couleurs de votre site seront directement influencées par la couleur principale et teinte que vous choisissez. Ces deux sélections affectent différentes parties de l’interface et peuvent complètement changer l’aspect et la sensation de votre site.

A GitBook screenshot showing theme options

Clean

Un thème moderne mettant en avant la translucidité et des éléments au style minimaliste. Votre couleur principale (ou teinte) affecte les liens et d’autres éléments d’interface mis en évidence. Clean est disponible pour tous les sites et est le thème par défaut.

Muted

Un thème sophistiqué avec un contraste réduit entre les éléments. L’arrière-plan du site est plus marqué et se fond avec le premier plan, et certains éléments présentent un aspect inversé — le tout basé sur votre couleur principale (ou teinte). Muted est disponible pour tous les sites.

Gras (Premium & Ultimate)

Un thème à fort impact avec des couleurs prononcées et des contrastes marqués. Votre couleur principale (ou teinte) sera utilisée pour l’en-tête du site, et d’autres éléments mis en évidence comme les icônes seront colorés en conséquence. Bold n’est disponible que pour les sites Premium ou Ultimate.

Gradient (Premium & Ultimate)

Un thème tendance présentant un arrière-plan en dégradé et des touches de couleur. Le dégradé et les éléments mis en évidence seront colorés par votre couleur principale (ou teinte). Gradient n’est disponible que pour les sites Premium ou Ultimate.

Couleurs

A GitBook screenshot showing color customization

Couleur principale

La couleur principale de votre site affectera le style des éléments d’interface mis en évidence et des éléments de navigation tels que les liens, la page et la section courantes, le fil d’Ariane et les boutons d’en-tête principaux. GitBook ajuste automatiquement les couleurs des éléments individuels pour la lisibilité si le contraste avec l’arrière-plan est trop faible ou lorsque le système d’un visiteur demande un contraste plus élevé.

Couleur de teinte

La couleur de teinte de votre site changera subtilement la couleur de tout le texte et des icônes sur l’ensemble de votre site — y compris les liens d’en-tête, la couleur des icônes et les éléments d’interface utilisateur comme la barre Demander ou rechercher barre. La couleur de teinte n’ affectera pas les éléments de navigation tels que les liens et les boutons, qui utilisent toujours la couleur principale. Dans la Couleur de teinte section, vous verrez des couleurs suggérées basées sur la sélection de votre couleur principale ; vous pouvez en sélectionner une pour la prévisualiser, choisir votre couleur principale comme teinte, ou choisir une couleur complètement personnalisée avec le sélecteur de couleurs.

Couleurs sémantiques

Les couleurs sémantiques sont appliquées aux blocs d’indication dans votre contenu publié. Vous pouvez changer la couleur de fond de chaque style d’indication ; ces changements ne seront reflétés que sur le site publié que vous personnalisez. Les blocs d’indication dans l’éditeur GitBook resteront toujours dans leurs couleurs assignées.

Modes

Afficher le bouton de bascule de mode

Activez ceci si vous voulez que les visiteurs puissent basculer manuellement entre le mode clair et le mode sombre. Les lecteurs peuvent trouver le bouton de bascule en bas de toute page publiée, sur ordinateur et mobile.

Mode par défaut

Choisissez si les visiteurs voient votre contenu en mode clair ou sombre par défaut. Si Afficher le bouton de bascule de mode est activé, ils peuvent changer de mode ; si désactivé, ils verront uniquement le mode que vous choisissez ici.

Remarque : pour changer le thème dans l’application GitBook, allez dans votre menu Paramètres en bas de la barre latérale.

Styles du site

A GitBook screenshot showing site style settings

Famille de polices (Premium & Ultimate)

Choisissez une famille de polices pour votre contenu publié parmi une liste sélectionnée d’options populaires.

Polices personnalisées (Ultimate)

Téléversez vos propres polices pour aligner votre contenu publié sur le guide de style de votre marque. Pour téléverser une police, cliquez sur Ajouter une police personnalisée et suivez les instructions. Vous devez téléverser un fichier de police pour les graisses normale et gras.

GitBook prend actuellement en charge .woff et .woff2. Pour d’autres formats, veuillez contacter support@gitbook.com.

Icônes (Premium & Ultimate)

Lors de l’utilisation d’icônes de page, définissez ici la graisse et le style des icônes affichées.

Style des coins

Choisissez entre des coins arrondis ou droits pour correspondre aux préférences de style de votre marque.

Style de lien

Choisissez entre deux designs de lien :

  • Par défaut : met en évidence l’intégralité du lien avec votre couleur principale ou de teinte.

  • Accent : ajoute un soulignement coloré au lien, en laissant la couleur du texte inchangée.

Styles de la barre latérale

A GitBook screenshot showing sidebar style options

Style d’arrière-plan

Choisissez le style d’arrière-plan pour le conteneur de la barre latérale. La couleur est dérivée du thème que vous avez sélectionné.

Style de liste

Choisissez le style pour la liste de la barre latérale et ses éléments sélectionnés.

Mis à jour

Ce contenu vous a-t-il été utile ?