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.
Commentaire: favicon personnalisée

...

Bloc de code
languagecss
titlebleu "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;
}



Modifier l’icône "favicon" de Pod

Il est possible de modifier le logo par défaut affiché en favori par Pod, en indiquant ceci dans le fichier settings_local.py :

TEMPLATE_VISIBLE_SETTINGS = {
...

'FAVICON': 'img/logoPod.svg',
...
}

Nous vous conseillons fortement le format svg pour cette icone, car ce format permet de gérer facilement des variantes de couleurs pour la navigateurs Internet en mode sombre. En regardant le fichier main/static/img/logoPod.svg par exemple, vous verrez les instructions suivantes :


Bloc de code
languagecss
@media (prefers-color-scheme: dark) { :root { fill: #FFF }}
@media (prefers-color-scheme: light) { :root { fill: #000 }}


Ces dernières permettent de gérer 2 jeux de couleurs différents dans le même logo, permettant de conserver un bon contraste quel que soit la couleur de fond. N'hésitez-pas à vous en inspirer si vous créez votre propre favicon.svg.

Plus de personnalisation

Voir cette page de configuration pour plus d'infos.