Comment mettre à jour les couleurs et les polices sur Shopify (2026)

À retenir

• Les couleurs et les polices sont contrôlées dans l’Éditeur de thème sous Paramètres du thème - aucun code n’est requis pour les modifications standard.
• Les couleurs se trouvent sous Paramètres du thème → Couleurs. Les polices sous Paramètres du thème → Typographie.
• Les thèmes modernes utilisent des schémas de couleurs que vous pouvez attribuer par section, vous donnant plus de contrôle sur le rythme visuel.
• Pour les couleurs et les polices qui ne sont pas exposées dans les paramètres du thème, le CSS personnalisé ou Fudge gère la surcharge.

Pour mettre à jour les couleurs et les polices dans Shopify, allez dans Boutique en ligne → Thèmes → Personnaliser → Paramètres du thème : les couleurs sont sous Couleurs, les polices sous Typographie.

Pourquoi vous pouvez nous faire confiance

Jacques a plus de 15 ans d’expérience en développement Shopify. Nous créons Fudge, l’opérateur IA pour les boutiques Shopify, noté 4.9 sur le Shopify App Store.

Où trouver les paramètres de couleurs et de polices sur Shopify

Étape 1. Allez dans Boutique en ligne → Thèmes → Personnaliser.

Étape 2. Dans la barre latérale gauche, faites défiler vers le bas et cliquez sur Paramètres du thème.

Étape 3. Vous verrez les paramètres regroupés par catégorie. Cherchez :

• Couleurs (ou “Jeux de couleurs”) - pour les paramètres de la palette de votre marque
• Typographie (ou “Polices”) - pour les paramètres de la famille et de la taille de la police

Ces deux sections contrôlent l’apparence globale de toute votre boutique.

Comment changer les couleurs sur Shopify

Cliquez sur Couleurs dans les Paramètres du thème. Vous y trouverez des sélecteurs de couleurs pour :

• Couleurs d’arrière-plan - fonds des pages et des sections
• Couleurs de texte - titres et corps de texte
• Couleurs des boutons - remplissage et texte des boutons primaires et secondaires
• Couleurs de bordure et accents - séparateurs, contours des champs, badges

Cliquez sur n’importe quel échantillon de couleur et entrez votre code hex (ex : #1A1A2E). Les modifications s’appliquent globalement à toute votre boutique.

Jeux de couleurs (thèmes modernes). Les thèmes comme Dawn et Horizon utilisent des jeux de couleurs plutôt que de simples couleurs globales. Chaque jeu est un ensemble coordonné de couleurs de fond, de texte et de boutons. Vous définissez les jeux dans les Paramètres du thème, puis vous les attribuez à des sections individuelles. Cela vous permet d’alterner les sections claires et sombres sans régler les couleurs élément par élément.

Comment changer les polices sur Shopify

Cliquez sur Typographie dans les Paramètres du thème. Vous verrez des sélecteurs de polices pour :

• Titres - H1 à H3 dans toute votre boutique
• Texte du corps - paragraphes, étiquettes, descriptions de produits

Cliquez sur Modifier à côté de l’un des rôles de police. La bibliothèque de polices de Shopify s’ouvre, affichant les Google Fonts, les polices système et la sélection de Shopify.

Parcourez ou cherchez par nom, cliquez pour prévisualiser, puis cliquez sur Sélectionner. Enregistrez quand vous avez terminé.

Pour les tailles de titres, consultez Comment modifier la taille de police des titres dans Shopify.

Comment changer la couleur des polices sur Shopify

Les couleurs des polices font partie des paramètres de Couleurs, et non de la Typographie.

Dans Paramètres du thème → Couleurs, cherchez le champ de couleur du Texte. Cela contrôle globalement la couleur du corps de texte. La couleur du texte des titres peut se trouver dans un champ distinct : cherchez “Couleur des titres” ou “Texte des titres” dans le même panneau.

Pour surcharger (override) une section spécifique, cliquez sur la section dans l’Éditeur de thème → cherchez un sélecteur de Jeux de couleurs dans les paramètres de la section. Le fait de passer la section sur un jeu de couleurs différent modifie à la fois son fond et les couleurs de son texte.

Comment surcharger des couleurs et polices spécifiques avec du CSS

Si une couleur ou une police n’est pas exposée dans les Paramètres du thème, utilisez du CSS personnalisé.

Allez dans Paramètres du thème → faites défiler jusqu’à CSS personnalisé. Ajoutez vos surcharges :

/* Couleur de police de titre personnalisée */
h1,
h2,
h3 {
    color: #1a1a2e;
}

/* Couleur de lien personnalisée */
a {
    color: #e63946;
}

/* Fond de bouton personnalisé */
.btn-primary,
.button--primary {
    background-color: #e63946;
    color: #ffffff;
}

Trouvez la bonne classe CSS en faisant un clic droit sur un élément de votre boutique en ligne → Inspecter.

Pour approfondir chaque sujet, consultez Comment mettre à jour les couleurs de la marque dans Shopify, Comment mettre à jour les polices dans Shopify et Comment changer la couleur des liens dans Shopify.

Comment appliquer des polices personnalisées non incluses dans Shopify

Pour les polices de marque achetées ou propriétaires, le processus implique de téléverser les fichiers de police dans les assets de votre thème :

1. Téléversez les fichiers .woff2 et .woff dans le dossier assets : allez dans Boutique en ligne → Thèmes, puis cliquez sur le menu à trois points (…) à côté de votre thème, puis sur Modifier le code.
2. Ajoutez une règle @font-face dans votre CSS.
3. Appliquez la police aux éléments de titre et de corps.

Cela nécessite des connaissances en CSS. L’alternative est de le décrire à Fudge : “Implémente notre police de marque [nom de la police] pour les titres et [nom de la police] pour le texte du corps. Les fichiers sont téléversés dans le dossier assets.” Fudge écrit les déclarations et les applique sous forme de brouillon.

Apporter des modifications de marque de manière cohérente

Lors de la mise à jour des couleurs et des polices, vérifiez ces emplacements pour vous assurer que les modifications sont cohérentes :

• Notifications par e-mail - L’interface administrateur Shopify → Paramètres → Notifications utilise des paramètres de branding distincts de votre thème.
• Passage en caisse (Checkout) - L’interface administrateur Shopify → Paramètres → Passage en caisse → Personnaliser a son propre panneau de branding.

L’Éditeur de thème contrôle uniquement votre vitrine. Le branding du passage en caisse et des e-mails est configuré séparément.

Utiliser Fudge pour une refonte complète de la marque

Si vous souhaitez appliquer une nouvelle palette de couleurs et un système typographique à l’ensemble de votre thème - y compris aux éléments que l’Éditeur de thème n’expose pas - décrivez le changement complet à Fudge, l’opérateur IA pour les boutiques Shopify :

“Applique notre nouvelle marque : couleur principale #1A1A2E, accent #E63946, fond #FAFAFA. Titres en Canela Display, corps en Inter. Applique uniformément aux boutons, aux états de hover, aux fonds de section et aux badges.”

Fudge génère les mises à jour CSS complètes sous forme de brouillon. Vous passez tout en revue avant que quoi que ce soit ne soit mis en ligne. Votre équipe peut voir qui a publié la modification et quand, et les styles précédents sont conservés au cas où vous auriez besoin de faire un rollback.

FAQ