Pour ajouter votre propre feuille de style, indiquez ceci dans le fichier settings_local.py
:
|
Et placez 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 :
Vert 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; }
Rose "Pod v2"
/*** 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: #db258e; --pod-primary-darken-dark: #93326a; }
violet "BS 5"
/*** Esup Pod custom CSS ***/ :root { /* exemple violet "BS 5" */ --pod-primary: #7952b3; --pod-primary-lighten: #ad76ff; --pod-primary-darken: #6528e0; /* Mode sombre */ --pod-primary-dark: #7952b3; --pod-primary-lighten-dark: #ad76ff; --pod-primary-darken-dark: #6528e0; }
bleu "default"
/*** Esup Pod custom CSS ***/ :root { /* exemple bleu "default" */ --pod-primary: #0052cc; --pod-primary-lighten: #0065ff; --pod-primary-darken: #0048b4; /* Mode sombre */ --pod-primary-dark: #0052cc; --pod-primary-lighten-dark: #0065ff; --pod-primary-darken-dark: #0048b4; }
Voir cette page de configuration pour plus d'infos.