Comment définir les couleurs des éléments de la page du projet lors de l'utilisation du thème Frais ou Accentué.
La gamme de couleurs que vous choisissez pour votre site EngagementHQ contribuera à déterminer la présentation et la perception de votre site et à créer une cohérence entre les autres sites web de votre organisation.
Une fois que vous avez défini votre Couleur de la Marque dans les Styles globaux, vous la retrouverez dans la section Couleur de vos Styles de projet si vous avez choisi le thème de projet Frais ou Accentué. Si vous utilisez le thème Classique, vos options de couleur sont différentes.
Les thèmes Frais et Accentué vous permettent d'exercer un contrôle granulaire sur les couleurs utilisées sur les pages de vos projets. Vous pouvez définir les couleurs pour toutes les pages du projet ; vous ne pouvez pas modifier les couleurs pour des projets individuels. Pour modifier les couleurs d'un projet :
Allez dans Apparence > Styles de projet > Couleur.
Cliquez sur l'échantillon de couleur ou sur le code hexadécimal de n'importe quelle couleur pour la modifier. Vous pouvez utiliser les flèches vers le haut et vers le bas pour basculer entre les codes hexadécimaux, RVB ou HSL.
Activez les options Avancées de Remplacement des couleurs pour voir la liste complète des options disponibles.
Cliquez sur Enregistrer lorsque vous avez terminé ou sur Réinitialiser les couleurs pour recommencer.
Veillez toujours à ce que vos couleurs respectent les normes d'accessibilité en matière de contraste des couleurs.
Les couleurs du projet sont les suivantes (veuillez noter que toutes les images ci-dessous utilisent le thème Frais) :
Pages de Projets et d'Outils :
Lien de fil d'Ariane : les liens en haut de la page indiquant le cheminement du contenu.
Lien : texte lié, y compris tous les liens dans les widgets et le lien du titre de l'outil pour les Sondages, les Lieux, les Histoires, les Articles d'actualité et les liens du Forum.
Arrière-plan de la page : arrière-plan du projet, de l'outil et de la page statique.
Remplacements de couleurs avancés :
Boutons
Texte du bouton : couleur du texte de vos boutons.
Bouton primaire : couleur d'arrière-plan de vos boutons.
Outils
Arrière-plan de la Carte d'outils : la couleur d'arrière-plan des zones de contenu des outils et de la description de votre projet.
Texte du Titre de l'Outil : le texte du titre de votre projet, le titre des Q et R, des Votes, de Commentaire et des Histoires, le nombre de réponses et le titre des pages autonomes des Lieux et du Forum.
Texte secondaire de l'outil : le nom d'écran et la date de soumission des contributions et des commentaires, ainsi que le nombre de commentaires.
Texte du corps de l'outil : le texte de description du projet, la date de publication de la page, les icônes de réseaux sociaux, la description de l'outil et le contenu de la contribution, les options de Votes, les titres des étapes de l'Échéancier et les titres de l'état des Projets connexes.
Onglets d'Outils
Texte de l'onglet : la couleur du texte pour les onglets d'outils inactifs.
Arrière-plan de l'onglet : couleur d'arrière-plan de la zone de contenu de l'onglet de l'outil.
Texte de l'onglet actif : la couleur du texte de l'onglet d'outil sélectionné.
Arrière-plan de l'onglet actif : la couleur d'arrière-plan de l'onglet d'outils sélectionné.
Arrière-plan des onglets (thème Accentué uniquement) : couleur d'arrière-plan de tous les onglets d'outils.
Widgets
Arrière-plan de la carte du widget : la couleur d'arrière-plan de toutes les cartes de contenu du widget.
Titre du widget : le titre de tous les widgets
Texte secondaire du widget (thème Frais uniquement) : les dates du widget Dates clés.
Texte du corps du widget : la couleur du texte dans les widgets Qui est à l'écoute, Échéancier, Suivre le projet, Personnalisé et Votes.
Couleur de l'icône du widget : la couleur de l'icône pour les Dates clés, les Q et R, les Documents et les Projets Connexes.
Arrière-plan de la colonne des widgets : la colonne de la zone de contenu pour les widgets.
Veuillez noter que les thèmes Frais et Accentué ont des couleurs différentes par défaut, mais les changements que vous apportez sont conservées lorsque vous passez d'un thème à l'autre. Cliquez sur Réinitialiser les couleurs pour revenir aux valeurs par défaut du thème. Les couleurs choisies dans le thème Classique ne seront pas conservées si vous passez au thème Frais ou Accentué.