Gros changements sur liens et encadrés

design_system_admin/modeles/dsfr_encadre.html

@@ -141,6 +141,27 @@
 [(#ENV{icone}|=={zoom-out2}|oui) #SET{mon-icone, ' fr-icon-zoom-out-line'} ]
 [(#ENV{icone}|=={zoom2}|oui) #SET{mon-icone, ' fr-icon-zoom-in-line'} ]
 
+[(#ENV{couleur}|=={jaune}|oui) #SET{ma_couleur, 'fr-callout--yellow-moutarde'} ]
+[(#ENV{couleur}|=={jaune-clair}|oui) #SET{ma_couleur, 'fr-callout--yellow-tournesol'} ]
+[(#ENV{couleur}|=={bleu}|oui) #SET{ma_couleur, 'fr-callout--blue-cumulus'} ]
+[(#ENV{couleur}|=={bleu-clair}|oui) #SET{ma_couleur, 'fr-callout--blue-ecume'} ]
+[(#ENV{couleur}|=={bleu-canard}|oui) #SET{ma_couleur, 'fr-callout--green-archipel'} ]
+[(#ENV{couleur}|=={rouge}|oui) #SET{ma_couleur, 'fr-callout--purple-glycine'} ]
+[(#ENV{couleur}|=={violet}|oui) #SET{ma_couleur, 'fr-callout--purple-glycine'} ]
+[(#ENV{couleur}|=={beige}|oui) #SET{ma_couleur, 'fr-callout--pink-macaron'} ]
+[(#ENV{couleur}|=={rouge}|oui) #SET{ma_couleur, 'fr-callout--pink-tuile'} ]
+[(#ENV{couleur}|=={rose}|oui) #SET{ma_couleur, 'fr-callout--pink-tuile'} ]
+[(#ENV{couleur}|=={vert}|oui) #SET{ma_couleur, 'fr-callout--green-emeraude'} ]
+[(#ENV{couleur}|=={vert-clair}|oui) #SET{ma_couleur, 'fr-callout--green-menthe'} ]
+[(#ENV{couleur}|=={vert-tilleul}|oui) #SET{ma_couleur, 'fr-callout--green-tilleul-verveine'} ]
+[(#ENV{couleur}|=={vert-fluo}|oui) #SET{ma_couleur, 'fr-callout--green-bourgeon'} ]
+[(#ENV{couleur}|=={orange}|oui) #SET{ma_couleur, 'fr-callout--orange-terre-battue'} ]
+[(#ENV{couleur}|=={cafe}|oui) #SET{ma_couleur, 'fr-callout--brown-cafe-creme'} ]
+[(#ENV{couleur}|=={marron-clair}|oui) #SET{ma_couleur, 'fr-callout--brown-caramel'} ]
+[(#ENV{couleur}|=={marron}|oui) #SET{ma_couleur, 'fr-callout--brown-opera'} ]
+[(#ENV{couleur}|=={gris-clair}|oui) #SET{ma_couleur, 'fr-callout--beige-gris-galet'} ]
+[(#ENV{couleur}|=={gris}|oui) #SET{ma_couleur, 'fr-card--grey'} ]
+
 
 [(#ENV{fin}|non)
 <div class="fr-callout  
@@ -152,30 +173,7 @@
 #GET{mon-icone}
 	
 [(#REM) couleurs pour la compatibilité avec les anciens contenus ]
-	
-[(#ENV{couleur}|=={jaune}|oui) fr-callout--yellow-moutarde]
-[(#ENV{couleur}|=={jaune-clair}|oui) fr-callout--yellow-tournesol]
-[(#ENV{couleur}|=={bleu}|oui) fr-callout--blue-cumulus]
-[(#ENV{couleur}|=={bleu-clair}|oui) fr-callout--blue-ecume]
-[(#ENV{couleur}|=={bleu-canard}|oui) fr-callout--green-archipel]
-[(#ENV{couleur}|=={rouge}|oui) fr-callout--purple-glycine]
-[(#ENV{couleur}|=={violet}|oui) fr-callout--purple-glycine]
-[(#ENV{couleur}|=={beige}|oui) fr-callout--pink-macaron]
-[(#ENV{couleur}|=={rouge}|oui) fr-callout--pink-tuile]
-[(#ENV{couleur}|=={rose}|oui) fr-callout--pink-tuile]
-[(#ENV{couleur}|=={vert}|oui) fr-callout--green-emeraude]
-[(#ENV{couleur}|=={vert-clair}|oui) fr-callout--green-menthe]
-[(#ENV{couleur}|=={vert-tilleul}|oui) fr-callout--green-tilleul-verveine]
-[(#ENV{couleur}|=={vert-fluo}|oui) fr-callout--green-bourgeon]
-[(#ENV{couleur}|=={orange}|oui) fr-callout--orange-terre-battue]
-[(#ENV{couleur}|=={cafe}|oui) fr-callout--brown-cafe-creme]
-[(#ENV{couleur}|=={marron-clair}|oui) fr-callout--brown-caramel]
-[(#ENV{couleur}|=={marron}|oui) fr-callout--brown-opera]
-[(#ENV{couleur}|=={gris-clair}|oui) fr-callout--beige-gris-galet]
-[(#ENV{couleur}|=={gris}|oui) background-contrast-grey]
-	
-[(#REM) nouvelles couleur ]	
-[(#ENV{couleur-dsfr}|oui) fr-callout--#ENV{couleur-dsfr}]
+[(#GET{ma_couleur})]
 	
 "> 
 	[<p class="fr-alert__title">(#ENV*{titre}|propre|paragrapher)</p>]