Porta l'accento sul bottone di accesso
"Accedi" era navy come l'ancora della struttura. E' l'unica azione della schermata: porta l'accento come ogni azione primaria dell'app, e il navy resta al testo e alla cornice. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -11,8 +11,7 @@
|
|||||||
|
|
||||||
@*
|
@*
|
||||||
Accesso (STILE_UI §7): stessa struttura dell'app, registro diverso.
|
Accesso (STILE_UI §7): stessa struttura dell'app, registro diverso.
|
||||||
Niente accento cromatico — l'attenzione sta sul marchio; il corallo torna
|
L'accento resta dove sta sempre, sull'unica azione della schermata.
|
||||||
dentro l'app, dove significa "qui si agisce".
|
|
||||||
*@
|
*@
|
||||||
|
|
||||||
<div class="onboarding">
|
<div class="onboarding">
|
||||||
|
|||||||
@@ -986,7 +986,8 @@
|
|||||||
|
|
||||||
.onboarding__error { margin-top: var(--space-md); }
|
.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 {
|
.onboarding__submit {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -997,8 +998,8 @@
|
|||||||
margin-top: var(--space-sm);
|
margin-top: var(--space-sm);
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: var(--radius-pill);
|
border-radius: var(--radius-pill);
|
||||||
background-color: var(--primary-dark);
|
background-color: var(--primary);
|
||||||
color: #ffffff;
|
color: var(--on-primary);
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: var(--body-lg-size);
|
font-size: var(--body-lg-size);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
@@ -1006,7 +1007,7 @@
|
|||||||
background-color var(--duration-fast) var(--ease-out);
|
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
|
/* Disabilitato deve sembrare inerte: il navy pieno con testo bianco si legge
|
||||||
come un bottone pronto, e il tocco a vuoto sembra un guasto. */
|
come un bottone pronto, e il tocco a vuoto sembra un guasto. */
|
||||||
.onboarding__submit:disabled { background-color: var(--divider); color: var(--ink-muted); }
|
.onboarding__submit:disabled { background-color: var(--divider); color: var(--ink-muted); }
|
||||||
|
|||||||
Reference in New Issue
Block a user