diff --git a/SteUp.Shared/Components/Pages/LoginPage.razor b/SteUp.Shared/Components/Pages/LoginPage.razor index ffe6603..421dad0 100644 --- a/SteUp.Shared/Components/Pages/LoginPage.razor +++ b/SteUp.Shared/Components/Pages/LoginPage.razor @@ -11,8 +11,7 @@ @* Accesso (STILE_UI §7): stessa struttura dell'app, registro diverso. - Niente accento cromatico — l'attenzione sta sul marchio; il corallo torna - dentro l'app, dove significa "qui si agisce". + L'accento resta dove sta sempre, sull'unica azione della schermata. *@
diff --git a/SteUp.Shared/wwwroot/css/components.css b/SteUp.Shared/wwwroot/css/components.css index bc2ca8b..1869afa 100644 --- a/SteUp.Shared/wwwroot/css/components.css +++ b/SteUp.Shared/wwwroot/css/components.css @@ -986,7 +986,8 @@ .onboarding__error { margin-top: var(--space-md); } -/* Bottone a pillola, alto 52: e' l'unico gesto della schermata. */ +/* Bottone a pillola, alto 52: e' l'unico gesto della schermata, e porta + l'accento come ogni azione primaria dell'app. */ .onboarding__submit { display: flex; align-items: center; @@ -997,8 +998,8 @@ margin-top: var(--space-sm); border: none; border-radius: var(--radius-pill); - background-color: var(--primary-dark); - color: #ffffff; + background-color: var(--primary); + color: var(--on-primary); font-family: inherit; font-size: var(--body-lg-size); font-weight: 600; @@ -1006,7 +1007,7 @@ background-color var(--duration-fast) var(--ease-out); } -.onboarding__submit:active { transform: scale(0.98); } +.onboarding__submit:active { transform: scale(0.98); background-color: var(--primary-pressed); } /* Disabilitato deve sembrare inerte: il navy pieno con testo bianco si legge come un bottone pronto, e il tocco a vuoto sembra un guasto. */ .onboarding__submit:disabled { background-color: var(--divider); color: var(--ink-muted); }