Centre d’aide

Sites clairs et sombres

Choisir si votre site est clair ou sombre à sa création, changer d'avis ensuite, et pourquoi le thème de l'interface FromScratch est un réglage à part.

Mis à jour 3 min de lecture
Sur cette page
  1. Choisir le mode avec le modèle
  2. Pourquoi choisir dès le départ
  3. Changer de mode plus tard
  4. Un site qui suit le réglage du visiteur
  5. Le thème de l'interface FromScratch
  6. Conseils pour un bon résultat
  7. Questions fréquentes
  8. Pour aller plus loin

Votre site peut avoir un style clair (fond clair, texte foncé) ou sombre. Dans FromScratch, vous le choisissez à la création du projet et l'agent garde ensuite tout le site dans ce mode. Cette page explique ce réglage, comment le changer plus tard et la différence avec le thème de l'interface FromScratch elle-même.

Choisir le mode avec le modèle

Sur la page d'accueil, à côté de « Ou partez d'un modèle », le sélecteur « Thème du site » propose Clair et Sombre. Par défaut, il reprend le thème que vous utilisez pour FromScratch. Choisissez le mode voulu, puis cliquez sur un modèle (ou décrivez votre idée) : le nouveau site est créé dans ce mode uniquement.

Pour les boutiques, le même choix apparaît dans « Choisissez le design de votre boutique » : chacun des quatre designs existe en clair et en sombre.

Note

les modèles sont dessinés dans les deux modes. En choisir un dès le départ retire l'autre : chaque page, bouton et formulaire est cohérent dès le premier aperçu.

Pourquoi choisir dès le départ

Beaucoup de sites passent automatiquement du clair au sombre selon le réglage de l'appareil du visiteur. Dans l'aperçu FromScratch, ce réglage automatique suit votre thème FromScratch : un site construit ainsi changerait d'aspect dès que vous passez FromScratch en mode sombre, et vous ne sauriez jamais vraiment ce que verront vos visiteurs. Fixer le mode à la création évite cette surprise. L'agent sait quel mode vous avez choisi et y garde les nouvelles pages.

Changer de mode plus tard

Vous pouvez changer à tout moment en le demandant à l'agent. Il met à jour les couleurs de toutes les pages.

Exemple de prompt
Passe tout le site en style sombre : fond foncé, texte clair, et garde notre orange pour les boutons et les liens.

Vérifiez le résultat dans l'aperçu en Bureau et en Mobile, puis republiez si le site est en ligne. Si le résultat ne vous plaît pas, ouvrez Versions et cliquez sur Revenir ici sur la version précédente.

Un site qui suit le réglage du visiteur

Si vous voulez vraiment que votre site suive le réglage de l'appareil de chaque visiteur, demandez-le explicitement. Gardez en tête que, dans l'aperçu FromScratch, ce que vous verrez dépendra alors de votre propre thème FromScratch (changez-le depuis le menu utilisateur pour vérifier les deux).

Exemple de prompt
Fais suivre au site le réglage de l'appareil du visiteur : clair par défaut, sombre quand son téléphone ou son ordinateur est en mode sombre. Garde la même couleur d'accent dans les deux.

Le thème de l'interface FromScratch

Le menu utilisateur a son propre réglage clair / sombre pour l'application FromScratch (la page d'accueil, le chat, les menus). Il ne change que l'apparence de FromScratch pour vous : il ne modifie jamais les couleurs de votre site une fois son mode fixé.

Conseils pour un bon résultat

  • Donnez à l'agent vos couleurs de marque, en valeurs ou en référence (« le vert de notre logo ») ; il construit le reste de la palette autour.
  • En mode sombre, demandez des photos qui rendent bien sur fond foncé et vérifiez que les textes posés sur les images restent lisibles.
  • Pour une boutique, les couleurs du design existent dans les deux modes ; changez la couleur d'accent en le demandant à l'agent.

Questions fréquentes

Les couleurs de mon site ont changé quand j'ai passé FromScratch en sombre.

Le site suit le thème de l'appareil (un projet plus ancien, ou vous l'avez demandé). Demandez à l'agent de fixer le site en mode clair ou sombre.

Puis-je avoir des modes différents selon les pages ?

Oui, si vous le demandez : par exemple une page d'accueil sombre et des pages de contenu claires. Dites-le précisément.

Pour aller plus loin

Cette page vous a-t-elle aidé ?