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:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user