> ## Documentation Index
> Fetch the complete documentation index at: https://help.vinkit.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Personnaliser votre blog

> Thèmes, couleurs, logo — adaptez Vinkit à votre identité

export const VinkitCTA = () => <div style={{
  display: 'flex',
  gap: '12px',
  marginTop: '16px',
  marginBottom: '16px'
}}>
    <a href="https://vinkit.co/login" style={{
  display: 'inline-flex',
  alignItems: 'center',
  gap: '8px',
  padding: '10px 20px',
  backgroundColor: '#16A34A',
  color: 'white',
  borderRadius: '8px',
  textDecoration: 'none',
  fontWeight: '600',
  fontSize: '14px'
}}>
      Ouvrir Vinkit
    </a>
    <a href="https://chromewebstore.google.com/detail/vinkit-crm-bot-vinted/oeglnknhkgjamieipddbjahfpecinelm" style={{
  display: 'inline-flex',
  alignItems: 'center',
  gap: '8px',
  padding: '10px 20px',
  backgroundColor: 'transparent',
  color: '#16A34A',
  borderRadius: '8px',
  textDecoration: 'none',
  fontWeight: '600',
  fontSize: '14px',
  border: '2px solid #16A34A'
}}>
      Installer l'extension Chrome
    </a>
  </div>;

<VinkitCTA />

## Thèmes

Vinkit propose plusieurs thèmes prêts à l'emploi. Pour changer de thème :

1. Allez dans **Paramètres > Apparence**.
2. Parcourez les thèmes disponibles.
3. Cliquez sur **Appliquer** pour activer un thème.

<Tip>Chaque thème supporte les modes clair et sombre automatiquement.</Tip>

## Couleurs et typographie

Personnalisez les couleurs principales de votre blog :

* **Couleur primaire** — utilisée pour les liens, boutons et accents
* **Couleur d'arrière-plan** — fond de page en mode clair et sombre
* **Typographie** — choisissez parmi les polices disponibles (sans-serif, serif, monospace)

Les modifications sont visibles en temps réel dans l'aperçu.

## Logo et favicon

### Logo

Ajoutez votre logo dans **Paramètres > Apparence > Logo**. Vinkit supporte deux variantes :

* **Logo clair** — affiché sur fond sombre
* **Logo sombre** — affiché sur fond clair

Formats acceptés : SVG, PNG, JPG. Taille recommandée : 200x50px.

### Favicon

Le favicon est l'icône affichée dans l'onglet du navigateur. Uploadez une image carrée (32x32px ou 64x64px) au format SVG ou PNG.

## En-tête et navigation

Configurez les liens affichés dans la barre de navigation :

* **Liens principaux** — pages de votre blog (À propos, Contact, etc.)
* **Liens sociaux** — icônes vers vos réseaux sociaux (X, GitHub, LinkedIn)
* **Bouton d'action** — un bouton mis en avant (ex: "S'abonner", "Newsletter")

## Pied de page

Le pied de page peut contenir :

* Vos **liens sociaux**
* Un **texte personnalisé** (mentions légales, copyright)
* Des **liens rapides** vers vos pages importantes

## Domaine personnalisé

Consultez le guide [Domaine personnalisé](/essentials/custom-domain) pour connecter votre propre nom de domaine.