Gestion de l'apparence des thèmes personnalisables

⚙️ Accès dans le backoffice :
Edition « Portail usager » > Apparence (lien présent dans la colonne de droite)

Cette interface permet de gérer des paramètres graphiques permettant de modifier et ainsi personnaliser l'apparence de votre thème.

Attention : l'interface de gestion de l'apparence est disponible uniquement pour les thèmes graphiques personnalisables. À ce jour, il existe deux thèmes personnalisables : Donna et Aretha.

🔑 Fonctionnalités clés

Configuration du style d'une série d'éléments composant le thème : couleurs, typographie, position, bordures et tailles de certains éléments...(voir la liste complète ci-dessous)
Modifications immédiatement visibles permettant d'ajuster les paramètres en direct.
Modifications observables en mobile et en desktop.
Concernant le choix des couleurs, un indicateur permet de vérifier le respect des niveaux de contraste pour contribuer à améliorer l'accessibilité du portail.

Liste des paramètres disponibles

Paramètre	Donna	Aretha	Commentaire
Paramètres principaux
Couleur principale	oui ✅	oui ✅
Police principale	oui ✅	oui ✅
Largeur de l’en-tête	non ❌	oui ✅
Largeur deu contenu	non ❌	oui ✅
En-tête
Couleur d'arrière-plan de l'en-tête de page	oui ✅	oui ✅
Taille de l’image de l’en-tête	oui ✅	oui ✅
Taille de l’image de l’en-tête sur mobile	oui ✅	oui ✅
Couleur du titre de la plateforme	oui ✅	oui ✅
Taille du titre de la plateforme	oui ✅	oui ✅
Graisse du titre de la plateforme	oui ✅	oui ✅
Menu principal
Alignement du menu principal	oui ✅	oui ✅
Couleur d'arrière-plan du menu principal	oui ✅	non ❌
Couleur du texte du menu principal	oui ✅	oui ✅
Couleur d'arrière-plan de l'élément actif du menu principal	oui ✅	oui ✅
Couleur de l'élément actif du menu principal	oui ✅	oui ✅
Couleur de soulignement de l'élément actif	oui ✅	non ❌
Menu PWA
Couleur d'arrière-plan du menu pwa	oui ✅	oui ✅
Couleur du texte du menu pwa	oui ✅	oui ✅
Couleur d'arrière-plan de l'élément actif du menu pwa	oui ✅	oui ✅
Couleur de l'élément actif du menu pwa	oui ✅	non ❌
Pages
Couleur d'arrière-plan	oui ✅	oui ✅	Dans "Paramètres principaux" pour Aretha
Couleur du texte dans les pages	oui ✅	oui ✅	Dans "Paramètres principaux" pour Aretha
Taille du corps de texte	oui ✅	oui ✅
Taille du corps de texte en mobile	oui ✅	oui ✅
Hauteur de l’image de la page (si elle existe)	oui ✅	oui ✅
Hauteur de l’image de la page en mobile (si elle existe)	oui ✅	oui ✅
*Titres*
Alignement du titre de la page	oui ✅	oui ✅
Taille du titre de niveau 1	oui ✅	oui ✅
Graisse du titre de niveau 1	oui ✅	oui ✅
Couleur du titre de niveau 1	oui ✅	oui ✅
Couleur d’arrière-plan du titre de la page	non ❌	oui ✅
Hauteur de la bordure du titre de niveau 1	oui ✅	non ❌
Graisse des titres de cellule	oui ✅	oui ✅
Couleurs des titres	oui ✅	oui ✅
Police des titres	non ❌	oui ✅
Taille des titres de niveau 2	oui ✅	oui ✅
Taille des titres de niveau 3	oui ✅	oui ✅
Taille des titres de niveau 4	oui ✅	oui ✅
*Bouton*
Couleur primaire / sombre des boutons	oui ✅	oui ✅
Couleur secondaire / clair des boutons	oui ✅	oui ✅
Taille de l’arrondi à appliquer aux boutons	oui ✅	oui ✅
Liens
Couleur des liens	oui ✅	oui ✅
Soulignement des liens	oui ✅	oui ✅
Couleur des liens dans les listes de liens	oui ✅	oui ✅
Couleur des liens au survol dans les listes de liens	oui ✅	oui ✅
Couleur d’arrière-plan des liens au survol dans les listes de liens	non ❌	oui ✅
*Cellule*
Casse typographique des titres de cellule	oui ✅	oui ✅
Taille de l’image associée à une cellule	oui ✅	oui ✅
Couleur de l’arrière plan des cellules	oui ✅	oui ✅
Notifications
Couleur de bordure d’un bloc d’erreur (pk-error)	oui ✅	oui ✅
Couleur de bordure d’un bloc de remarque (pk-remark)	non ❌	oui ✅
Couleur de bordure d’un bloc de réussite (pk-success)	oui ✅	oui ✅
Couleur de bordure d’un bloc d’attention (pk-attention)	oui ✅	oui ✅
Couleur de bordure d’un bloc d’information (pk-information)	oui ✅	oui ✅
*Pied de page*
Couleur d’arrière-plan du pied de page	oui ✅	oui ✅
Couleur des liens du pied de page	oui ✅	oui ✅
Couleur d’arrière-plan de la section haute du pied de page	non ❌	oui ✅
Couleur des liens de la section haute du pied de page	non ❌	oui ✅
*Formulaires*
Arrondi des coins des champs (border radius)	oui ✅	oui ✅

🛠️ Pour aller plus loin sur l'accessibilité

Afin de rendre les contenus et services de votre portail usager compréhensibles et utilisables par les personnes en situation de handicap et vous conformer aux obligations légales qui incombent aux administrations publiques, des liens utiles :

Vous n'avez pas trouvé ce que vous cherchez ?

Dernière mise à jour le 24/07/2026 11:59

Gestion de l'apparence des thèmes personnalisables

Dans cet article

🔑 Fonctionnalités clés

Liste des paramètres disponibles

🛠️ Pour aller plus loin sur l'accessibilité

Vous n'avez pas trouvé ce que vous cherchez ?

Une suggestion ? Écrivez-nous !

Questionnez la communaué

Contactez le support

Vous n'avez pas trouvé ce que vous cherchez ?

Une suggestion ? Écrivez-nous !