Charte graphique SchotzIAD : logo, favicon, palette de couleurs

Intègre l'identité visuelle officielle (planche fournie) :

- Assets ajoutés (frontend/src/assets/images/) : logo-icon, logo-carre,
  logo-horizontal (réservé aux PDF, non encore câblé), favicon.
- Favicon : src/favicon.ico régénéré depuis favicon.png (16/32/48, via Pillow)
  pour remplacer l'icône Angular par défaut ; PNG référencé en priorité dans
  index.html avec cache-busting (?v=) pour contourner le cache favicon des
  navigateurs Chromium (Chrome/Brave).
- Barre de navigation : logo-icon en tête (fond blanc localisé pour ressortir
  sur l'anthracite), couleurs de charte (fond anthracite, lien actif bleu IAD,
  survol orange).
- Pages d'authentification (login, register, forgot-password, reset-password) :
  logo carré centré au-dessus du formulaire, boutons en bleu IAD.
- Palette officielle en variables CSS globales (styles.scss) : --couleur-orange,
  --couleur-bleu, --couleur-anthracite, --couleur-gris-clair (+ déclinaisons
  de survol).
- Harmonisation des boutons d'action à fond bleu (texte) sur toute l'app :
  survol orange (véhicules, profil, barème, montants réglés, résumés mensuel/
  annuel, onboarding, formulaire de trajet, dialog de confirmation, carte).
  Exclusions volontaires : boutons rouges (suppression), boutons à icône,
  boutons secondaires à fond blanc, indicateurs d'état sélectionné/actif.

Specs : design.md complété (section Charte graphique : palette, convention de
survol, rôle de chaque asset).
This commit is contained in:
2026-09-21 09:17:14 +02:00
parent 937609a83b
commit 91b59d4ce7
29 changed files with 185 additions and 41 deletions
@@ -4,9 +4,16 @@
margin: 0 auto;
}
.login__logo {
display: block;
margin: 0 auto 1rem;
}
h1 {
font-size: 1.4rem;
margin-bottom: 1rem;
text-align: center;
color: var(--couleur-anthracite);
}
.champ {
@@ -51,12 +58,17 @@ h1 {
.btn-principal {
padding: 0.55rem 1.25rem;
background: #1565c0;
background: var(--couleur-bleu);
color: #fff;
border: 1px solid #1565c0;
border: 1px solid var(--couleur-bleu);
border-radius: 6px;
cursor: pointer;
font-size: 0.95rem;
&:hover:not(:disabled) {
background: var(--couleur-bleu-fonce);
border-color: var(--couleur-bleu-fonce);
}
}
.btn-principal:disabled {
@@ -72,7 +84,7 @@ h1 {
}
.liens a {
color: #1565c0;
color: var(--couleur-bleu);
text-decoration: none;
}