Thème

👨‍🎨️ Qu'est-ce qu'un thème ?

Un thème regroupe toutes les variables globales de style (couleurs et polices) qui seront utilisées pour générer le style final.

Vous pouvez définir les familles de couleurs suivantes.

• Général couleurs liées aux formulaires comme l'arrière-plan, l'en-tête et l'arrière-plan des pages de formulaire.

• Primaire sont les couleurs qui seront affichées le plus fréquemment dans vos composants de Sondage.

• Secondaire accentuent les composants actionnables du Sondage comme par exemple boutons radio ou cases à cocher.

• Erreurs sont toutes les couleurs utilisées par les messages d'erreur du Sondage. Vous pouvez forcer l'aperçu du Sondage à afficher tous ses messages d'erreur en activant l'option aperçu des erreurs.

Vous pouvez également utiliser n'importe quelle variable globale dans votre code CSS en utilisant le mot-clé var par ex. : color : var(--ngs-text-color)

🖍️ Choisir une couleur

Vous pouvez cliquer sur n'importe quel échantillon de couleur pour ouvrir le sélecteur et choisir la couleur souhaitée.

Pour réinitialiser une couleur, sélectionnez l'échantillon vide en haut à droite du sélecteur.

🔤 Changer les polices

Pour changer les polices, vous pouvez soit ouvrir le panneau de sélection de polices pour en choisir une nouvelle dans la liste des polices disponibles.

La liste des polices disponibles utilise Google Fonts ; si vous ne voyez aucune police, assurez-vous d'avoir correctement lier votre installation ngSurvey à Google Fonts.

Ou vous pouvez également modifier manuellement les polices depuis la liste des variables de code du thème.

Les polices sélectionnées depuis la liste des polices disponibles seront automatiquement téléchargées depuis les serveurs Google Fonts si le Répondant n'a pas la police sélectionnée installée sur son appareil.