---
title: Comment configurer un logo et des couleurs d’accent
slug: docs/fr/comment-configurer-un-logo-et-des-couleurs-daccent
description: Apprenez comment personnaliser et adapter votre site Web grâce aux paramètres d’apparence. Ce document fournit des instructions étape par étape pour configurer un logo avec un arrière-plan transparent, choisir une couleur d’accent et téléverser un favicon
createdAt: 2023-01-10T13:32:31.000Z
---

Personnalisez l’apparence de votre site de documentation en utilisant les paramètres d’apparence. 

Pour y accéder, suivez ces étapes :

::::WorkflowBlock
:::WorkflowBlockItem
Choisissez un espace et cliquez sur les paramètres ( ⚙️ )
:::

:::WorkflowBlockItem
Cliquez sur l’onglet **Apparence** dans le groupe* Paramètres des documents publics partagés *
:::

:::WorkflowBlockItem
Vous y trouverez les options de personnalisation, comme :

- [Couleur d’accentuation](docId\:DjLyvvg-TUnlZOEWUBWiF)
- [Logo](docId\:DjLyvvg-TUnlZOEWUBWiF)
- [Favicon](docId\:DjLyvvg-TUnlZOEWUBWiF)
- [Redirection de l’URL du logo](docId\:DjLyvvg-TUnlZOEWUBWiF) 
- ainsi que d’autres options pour le modèle du portail
:::
::::

## Comment configurer un logo

Accédez à l’onglet **Apparence** et téléversez votre logo. Le logo doit être une image** .png **avec un **ratio d’aspect 3:1**.

*Un arrière‑plan transparent est recommandé pour plus de clarté.*

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/__lPBM0R_CT69JkxxDsEV_logo-light.png)

## Comment configurer une couleur d’accentuation

Accédez à l’onglet **Apparence** et définissez votre **couleur d’accentuation** (mode clair/sombre) depuis cet endroit :

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/UOES9NgkaQi_K-7i-zdAB_accent-light.png)

## Comment configurer le favicon

Accédez à l’onglet **Apparence** et téléversez votre **Favicon**.

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/iDi5WN-f4pNnDJTOas6Lt_fav-light.png)

## URL de redirection du logo

Si vous souhaitez que votre logo soit **redirigé vers une page personnalisée**, vous pouvez utiliser l’option suivante :

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/Q6seIBxe5rNPmfhd1BkJn_redirect-light.png)