Le module Thème de Jint Portal définit l'identité visuelle de Jint sur vos sites SharePoint : les couleurs et l'apparence de la barre latérale de l'Expérience unifiée, du pied de page et des nouveaux composants WebPart Jint. Vous créez vos thèmes dans une bibliothèque, puis vous choisissez sur quels sites chacun s'applique.

Cet article décrit les trois onglets du module, l'écran de création et de modification d'un thème, et les bonnes pratiques à suivre pour déployer un thème sans surprise.

📋 Sommaire

• Présentation du module Thème
• Onglet Bibliothèque
• Créer ou modifier un thème
• Onglet Affectation
• Onglet Ancien
• Bonnes pratiques

1. Présentation du module Thème

Un thème rassemble en un seul endroit tous les réglages visuels de Jint sur SharePoint : une palette de couleurs, l'apparence de la barre latérale, celle du pied de page et le style des composants WebPart Jint. Vous pouvez créer plusieurs thèmes, par exemple un par marque ou par filiale, et appliquer chacun à l'ensemble du tenant ou à des sites précis.

Dans le menu de gauche de Jint Portal, sous Produits, dépliez SharePoint puis cliquez sur Thème. Le module se compose de trois onglets :

• Bibliothèque : la liste de vos thèmes, avec la création, la modification, la duplication et la suppression ;
• Affectation : le choix du thème appliqué à tout le tenant et des thèmes propres à certains sites ;
• Ancien : les couleurs définies dans l'ancien Configurateur, conservées pour compatibilité.

💡 Le module Thème s'affiche lorsque l'Expérience unifiée est activée sur votre tenant.

2. Onglet Bibliothèque

La bibliothèque affiche une carte par thème. Chaque carte présente les couleurs de la palette du thème, son nom et ses dates de création et de modification, ainsi que trois actions : Modifier, Dupliquer et Supprimer.

Le thème Default

À la première ouverture du module, Jint crée un thème nommé Default et l'applique à tout le tenant. Vous pouvez le modifier comme n'importe quel autre thème, ou appliquer un autre thème au tenant depuis l'onglet Affectation.

Créer un thème

Cliquez sur Créer un thème, en haut à droite. Un thème nommé Nouveau thème est créé, puis l'écran d'édition s'ouvre. Si ce nom est déjà pris, un numéro lui est ajouté (« Nouveau thème 2 », « Nouveau thème 3 »…). Un nouveau thème n'est appliqué à aucun site tant que vous ne l'avez pas affecté.

⚠ Le thème est créé dès le clic sur Créer un thème. Si vous quittez l'écran d'édition sans enregistrer, il reste dans la bibliothèque avec ses valeurs par défaut. Supprimez-le s'il ne vous sert pas.

Modifier un thème

Cliquez sur Modifier sur la carte du thème pour ouvrir l'écran d'édition. Voir la partie 3.

Dupliquer un thème

Cliquez sur l'icône Dupliquer de la carte. La copie reprend la palette et tous les réglages du thème d'origine, et porte le nom du thème suivi de « (copy) ». Elle n'est appliquée à aucun site : les affectations du thème d'origine ne sont pas copiées.

Supprimer un thème

Cliquez sur l'icône Supprimer de la carte, puis sur Confirmer dans la fenêtre Supprimer ce thème ?.

⚠ Un thème encore affecté au tenant ou à un site ne peut pas être supprimé. Affectez d'abord un autre thème à ces sites dans l'onglet Affectation, puis supprimez-le.

3. Créer ou modifier un thème

L'écran d'édition s'ouvre lorsque vous créez un thème ou cliquez sur Modifier.

• En haut, le champ Nom du thème (obligatoire) et les boutons Annuler et Enregistrer. Deux thèmes ne peuvent pas porter le même nom.
• À gauche, un aperçu en direct de la barre latérale, des composants WebPart et du pied de page. Il se met à jour à chaque réglage.
• À droite, le panneau Réglages, organisé en quatre onglets : Couleurs, Barre, Pied de page et WebParts. Sur un écran plus étroit, le panneau s'ouvre avec le bouton Réglages.

• Annuler rétablit les valeurs du thème telles qu'elles étaient à l'ouverture de l'écran, sans le quitter. 
• Enregistrer enregistre le thème et vous ramène à la bibliothèque.

💡 Il n'y a pas d'étape de publication : dès que vous enregistrez, le thème s'applique à tous les sites auxquels il est affecté. Les modifications peuvent mettre jusqu'à 5 minutes à apparaître sur vos pages SharePoint.

Choisir une couleur

Cliquez sur la pastille d'un réglage de couleur pour ouvrir le sélecteur. Il a deux onglets :

• Palette : les couleurs de la palette du thème, sous Couleur du style (Couleur 1, Couleur 2…), puis les nuances de gris fixes sous Gris (Noir, Gris 80 %, Gris 60 %, Gris 40 %, Gris 20 % et Blanc). Cliquez sur une couleur pour l'appliquer ; l'icône à droite de son code le copie.
• Personnalisé : un nuancier libre, avec la Teinte, l'Opacité, le code hexadécimal et une pipette pour prélever une couleur à l'écran.

💡 Une couleur choisie dans la palette reste liée à la palette : si vous modifiez Couleur 1, tous les réglages qui l'utilisent changent avec elle. C'est le moyen le plus simple de faire évoluer un thème en une seule modification.

3.1 Onglet Couleurs

Palette

La palette regroupe les couleurs de votre thème, par exemple celles de votre charte graphique. Elles sont proposées dans tous les sélecteurs de couleur du thème, en plus des nuances de gris.

• Ajouter une couleur ajoute une ligne à la palette. Saisissez le code hexadécimal ou choisissez la couleur dans le nuancier.
• L'icône de suppression retire une couleur de la palette.
• La poignée, à droite de chaque ligne, permet de changer l'ordre des couleurs par glisser-déposer.
• Le bloc Nuances de gris rappelle les gris toujours disponibles dans le sélecteur. Ils ne sont pas modifiables.

⚠ Les couleurs de la palette sont repérées par leur position. Supprimer ou déplacer une couleur décale les couleurs qui la suivent : un réglage qui utilisait Couleur 3 prend la couleur qui arrive en troisième position. Vérifiez l'aperçu après chaque suppression ou déplacement.

Aperçu

Ces réglages simulent votre site SharePoint pour rendre l'aperçu plus fidèle. Ils ne sont pas enregistrés dans le thème et ne changent rien sur vos sites.

3.2 Onglet Barre

L'onglet Barre règle l'apparence de la barre latérale de l'Expérience unifiée. C'est l'onglet qui s'ouvre en premier.

Disposition

Couleurs

En mode Dégradé, deux sélecteurs apparaissent, Couleur 1 et Couleur 2, pour le début et la fin du dégradé.

📌 Pour découvrir les boutons de la barre latérale, consultez l'article Nouvelle Expérience Unifiée - Présentation de la fonctionnalité.

3.3 Onglet Pied de page

L'onglet Pied de page règle l'apparence du pied de page Jint. Son contenu (les blocs et les liens) se configure dans SharePoint > Pied de page.

3.4 Onglet WebParts

L'onglet WebParts définit le style par défaut des composants WebPart Jint sur les sites où le thème s'applique : leur titre, leur cadre et les éléments qu'ils affichent.

💡 Ces réglages s'appliquent uniquement aux nouveaux composants WebPart Jint, identifiables à leur icône jaune, comme Jint - Focus. Un réglage modifié dans le panneau de configuration d'un composant prime toujours sur le thème, pour ce composant uniquement.

Titre de la WebPart

Le style du titre affiché en haut des composants WebPart.

Choisir un niveau de titre applique sa taille : H1 32 px, H2 28 px, H3 24 px, H4 20 px, Corps 18 px. Vous pouvez ensuite ajuster librement la taille avec le curseur.

WebPart

Le cadre autour de chaque composant WebPart. Chaque réglage s'active avec son interrupteur.

Contenu

Les éléments affichés à l'intérieur d'un composant WebPart, par exemple les cartes d'une liste d'actualités.

4. Onglet Affectation

L'onglet Affectation détermine quel thème s'applique sur quel site.

Thème appliqué à tout le tenant

Sélectionnez dans la liste le thème appliqué par défaut sur tous vos sites. Le changement est enregistré dès que vous choisissez un thème, sans bouton à cliquer.

Thème par site

Le thème choisi pour un site remplace le thème du tenant sur ce site uniquement.

1. Cliquez sur Ajouter un site.
2. Saisissez l'adresse complète du site dans le champ URL du site, puis cliquez sur l'icône ✓ pour confirmer (l'icône ✕ abandonne la saisie).
3. Le site est ajouté avec le thème du tenant. Choisissez son thème dans la colonne Thème spécifique au site : le changement est enregistré immédiatement.

💡 Un site déjà présent dans le tableau ne peut pas être ajouté une seconde fois : changez plutôt son thème sur sa ligne.

📎 Exemple d'URL : https://votre-tenant.sharepoint.com/sites/communication

Pour qu'un site revienne au thème du tenant, cliquez sur l'icône de suppression au bout de sa ligne, puis sur Supprimer dans la fenêtre de confirmation.

⚠ Un thème de site ne s'applique qu'au site dont vous avez saisi l'adresse. Ses sous-sites gardent le thème du tenant : ajoutez chacun d'eux au tableau si vous voulez leur appliquer le même thème.

5. Onglet Ancien

L'onglet Ancien reprend les couleurs que l'Expérience unifiée utilisait avant les thèmes, telles qu'elles étaient définies dans l'ancien Configurateur : couleur principale, arrondis du menu, couleurs de la barre, de l'alerte, de la notification et du footer, affichage du logo sur les sites SharePoint Modern et masquage de la barre de gauche.

Ces réglages sont conservés pour compatibilité. Ils servent de base : le thème affecté à un site s'applique par-dessus et l'emporte pour tout ce qu'il définit. Pour un nouveau réglage visuel, utilisez donc un thème plutôt que cet onglet.

6. Bonnes pratiques

Construisez la palette à partir de votre charte

Saisissez d'abord les couleurs de votre charte graphique dans la palette, puis choisissez-les dans chaque réglage. Le thème reste cohérent, et une évolution de charte se fait en modifiant la palette seule.

Testez sur un site avant le tenant

Affectez d'abord un nouveau thème à un site de test dans l'onglet Affectation, vérifiez le rendu, puis appliquez-le à tout le tenant.

Dupliquez avant une modification importante

Pour retravailler un thème déjà en place, dupliquez-le, modifiez la copie et testez-la sur un site. Le thème d'origine reste intact tant que vous n'avez pas basculé l'affectation.

Laissez 5 minutes aux pages

Après un enregistrement ou une nouvelle affectation, attendez jusqu'à 5 minutes avant de vérifier le rendu sur vos pages SharePoint.

Évitez de supprimer une couleur de palette déjà utilisée

Préférez modifier la couleur plutôt que la supprimer : la suppression décale les couleurs suivantes et change l'apparence des réglages qui les utilisent.