esup-pod

Arborescence des pages

Comparaison des versions

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.

...

TEMPLATE_VISIBLE_SETTINGS = {
...
'CSS_OVERRIDE''custom/css/custom.css',
...
}

Et placez votre feuille de styles un fichier "custom.css" dans le dossier pod/custom/static/custom/css/


Dans ce fichiers, vous pouvez modifier les couleurs de Pod. Voici quelques exemples :



Bloc de code
languagecss
titleVert Lillois
/*** Esup Pod custom CSS ***/
:root {
/* exemple vert univ-lille.fr 2022 */
--pod-primary: #1F8389;
--pod-primary-lighten: #08b0a0;
--pod-primary-darken: #18575D;
/* Mode sombre */
--pod-primary-dark: #1F8389;
--pod-primary-lighten-dark: #18575D;
--pod-primary-darken-dark: #08b0a0;
}


Bloc de code
languagecss
titleVert Lillois
/*** Esup Pod custom CSS ***/
:root {
/* exemple rose "pod v2" */
--pod-primary: #ae2573;
--pod-primary-lighten: #d782b3;
--pod-primary-darken: #93326a;

/* Mode sombre */
--pod-primary-dark: #ae2573;
--pod-primary-lighten-dark: #d782b3;
--pod-primary-darken-dark: #93326a;
}


Voir cette page de configuration pour plus d'infos.