From 1392b0e6d1f61398725047cede1e39aaa1ca487e Mon Sep 17 00:00:00 2001 From: MarcoE Date: Thu, 17 Sep 2026 15:54:57 +0200 Subject: [PATCH] Togli l'azzurro dalla palette MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Il marchio e' corallo (#ec4c41), rosso profondo e bianco sporco: azzurro non ce n'e'. Nell'app invece era il colore piu' diffuso — lo stato "in corso", la voce attiva della barra, l'avatar, le righe scelte, il pannello di riepilogo — e non stava per niente: era solo il tono che si usa quando un colore serve e non si sa quale. Il ruolo "info" passa alla famiglia dell'ancora navy, cioe' allo stesso colore del testo forte: lo stato informativo smette di portarsi un colore proprio e i colori restano ai toni che significano qualcosa (verde inviato, ambra da completare, rosso da inviare) e all'accento. Il pannello di riepilogo dell'ispezione era l'unico blocco tinto dell'app e diventa bianco come ogni altro pannello: dentro, l'unico colore e' adesso la barra di avanzamento. Co-Authored-By: Claude Opus 5 (1M context) --- SteUp.Shared/Components/Layout/MainLayout.razor | 4 ++-- SteUp.Shared/Components/Pages/IspezionePage.razor | 8 +++++--- SteUp.Shared/wwwroot/css/tokens.css | 11 ++++++++--- 3 files changed, 15 insertions(+), 8 deletions(-) diff --git a/SteUp.Shared/Components/Layout/MainLayout.razor b/SteUp.Shared/Components/Layout/MainLayout.razor index 3cba4e1..611d209 100644 --- a/SteUp.Shared/Components/Layout/MainLayout.razor +++ b/SteUp.Shared/Components/Layout/MainLayout.razor @@ -78,11 +78,11 @@ { Primary = "#ec4c41", Secondary = "#002339", - Tertiary = "#dff2ff", + Tertiary = "#dde5ee", Success = "#26b050", Error = "#e50000", Warning = "#b26a00", - Info = "#1877d8", + Info = "#002339", Background = "#e9edf2", Surface = "#ffffff", TextPrimary = "#000000", diff --git a/SteUp.Shared/Components/Pages/IspezionePage.razor b/SteUp.Shared/Components/Pages/IspezionePage.razor index e597704..e81cf2a 100644 --- a/SteUp.Shared/Components/Pages/IspezionePage.razor +++ b/SteUp.Shared/Components/Pages/IspezionePage.razor @@ -70,9 +70,11 @@
- @* §6.6 Pannello di riepilogo: primo elemento della pagina, superficie - tenue, con lo stato del documento e i conteggi sempre a vista. *@ -
+ @* §6.6 Pannello di riepilogo: primo elemento della pagina, con lo stato + del documento e i conteggi sempre a vista. Superficie bianca come + ogni altro pannello: era l'unico blocco tinto dell'app, e quel + colore non appartiene a nessuno stato. *@ +
@* Il nome del punto vendita e' gia' nella testata: qui basta la data e lo stato del documento, che la testata non porta. *@
diff --git a/SteUp.Shared/wwwroot/css/tokens.css b/SteUp.Shared/wwwroot/css/tokens.css index 93bc517..ae73ab6 100644 --- a/SteUp.Shared/wwwroot/css/tokens.css +++ b/SteUp.Shared/wwwroot/css/tokens.css @@ -59,10 +59,15 @@ --success-surface: #e4f5e9; --success-solid: #26b050; - /* Info — stato informativo, pannelli di riepilogo, selezione */ + /* Info — stato informativo, selezione. + Il tono non e' piu' l'azzurro cielo: era il colore piu' diffuso + dell'interfaccia (stato "in corso", voce attiva della barra, righe + scelte, avatar) e non compare ne' nel marchio ne' altrove nel sistema. + Adesso e' l'ancora navy diluita: stessa famiglia del testo forte, quindi + lo stato informativo non introduce un colore proprio. */ --info-ink: #002339; - --info-surface: #dff2ff; - --info-solid: #1877d8; + --info-surface: #dde5ee; + --info-solid: #002339; /* Neutral — stati senza carica semantica */ --neutral-ink: #465563;