Charte Intranet Cards - Modification de variable SCSS


Cette page ne doit être appliquée que si le script de migration assistée vous demande de passer la migration manuelle skin.20230914.INTRANETCARDS.scssvariables

Modifications de variables

Certaines variables SCSS correspondant à des couleurs ont été modifiées.

Voici les modifications effectuées:

Avant

Après

$g-color-main-text: $g-color-brown;
$g-color-brick: #1ABC9C !default;
$g-color-brown: #151515;
$g-color-brown-400: #151515;
$g-color-main-text: #41444D;
$g-color-brick: $secondary !default;
$g-color-brown: $g-color-main-text;
$g-color-brown-400: $g-color-main-text;

Si ces variables sont déjà surchargées dans votre fichier resources\templates\common\scss\_theme-variables.scss, il devrait pas y avoir d'impact.

Si elles n'ont pas été surchargées, surchargez-les pour revenir à la couleur originale #151515 pour $g-color-main-text, $g-color-brown, $g-color-brown-400 notamment.

Dans tous les cas, soyez attentif aux éventuelles régressions. Il est conseillé de faire un tour sur toutes les pages du site.

L'utilisation des variables $g-color-brick et $g-color-brown dont le nom ne correspond pas à leur couleur, devient déprécié.
Trop largement utilisé dans les SCSS de la charte noyau, il n'est pas envisageable de les remplacer.
Mais dans vos propres scss, si ces variables sont utilisées (en dehors de _theme-variables.scss) il est conseillé de les remplacer par $secondary ou $g-color-main-text selon les cas.

Ajout de variables

La variable $g-color-secondary-text a été ajoutée. Cette variable de couleur est utilisée pour le texte des zones latérale sous fond coloré.
Elle est utilisé par défaut pour l'affichage des flux RSS, des ressources et les questions du mini-sondage

Sa valeur par défaut est :

$g-color-secondary-text: $g-grayish-pink;

Si la variable $g-grayish-pink a été surchargé dans votre projet, il ne devrait pas y avoir de différence puisque c'est cette variable qui était directement utilisée dans les zones citées ci-dessus.
Il est malgré tout conseillé de surchargé cette nouvelle variable avec la couleur souhaité ici dans votre charte.
Vérifier le rendu de ces 3 services.

Suppression de variables

Quelques variables non utilisées ont également été supprimées, dont voici la liste:

$g-color-header
$g-color-tab-orange
$g-color-agent-img
$g-color-warning-capi
$g-color-alertes

Vérifiez dans tous vos fichiers .scss que ces variables ne sont pas utilisées.

L'ensemble des modifications effectuées sont visibles ici : https://code.ametys.org/projects/WEB/repos/skin-intranet-cards/commits/c0ccc751c0e04260bfebea035b05cbfaafad929a 

Retour en haut