CKT String|Colors

This commit is contained in:
Carlos Correia
2026-07-15 19:13:15 +01:00
parent 3214a07779
commit a8af2c6845
35 changed files with 1390 additions and 688 deletions

View File

@@ -0,0 +1,36 @@
import 'package:flutter/material.dart';
/// Paleta de cores da aplicação — todas as cores de marca usadas em mais do
/// que um sítio vivem aqui. Para mudar uma cor em toda a app, mude-a aqui
/// em vez de editar cada ecrã individualmente.
class AppColors {
const AppColors._();
/// Verde-azulado principal — botões, ícones e destaques "positivos".
static const Color teal = Color(0xFF2F9E94);
/// Rosa principal — títulos, destaques e ações "de atenção".
static const Color pink = Color(0xFFFF55A7);
/// Rosa claro — usado no título do ecrã de boas-vindas.
static const Color pinkLight = Color(0xFFFF9AD0);
/// Rosa vivo — extremo do gradiente do card de destaque do quiz.
static const Color pinkVivid = Color(0xFFE83E93);
/// Roxo — usado em pequenos destaques informativos (ex.: ícone de
/// "Episódios completos").
static const Color purple = Color(0xFF8E7CC3);
/// Verde-azulado escuro — extremo do gradiente das app bars.
static const Color tealDark = Color(0xFF1C7A6E);
/// Verde-azulado claro — extremo do gradiente das app bars.
static const Color tealLight = Color(0xFF8FD4BB);
/// Fundo bege claro usado em quase todos os ecrãs.
static const Color background = Color(0xFFFAFAF7);
/// Fundo rosa muito claro — usado em folhas modais e cartões suaves.
static const Color pinkBackground = Color(0xFFFFE6F1);
}

View File

@@ -0,0 +1,32 @@
import 'package:flutter/material.dart';
import 'app_colors.dart';
/// Gradiente usado em todas as app bars da aplicação. Direção puramente
/// horizontal (não diagonal) de propósito: a app bar retrátil da Home é
/// alta (~190) enquanto as das outras abas são baixas (~56) — um gradiente
/// diagonal mostra proporções de cor bem diferentes consoante a altura,
/// fazendo a Home parecer mais "cheia de cor" que as outras. Na horizontal,
/// a transição depende só da largura (igual em todas as app bars), por
/// isso todas ficam visualmente idênticas.
const LinearGradient kAppBarGradient = LinearGradient(
begin: Alignment.centerLeft,
end: Alignment.centerRight,
colors: [AppColors.tealDark, AppColors.tealLight],
);
/// Cor sólida (sem gradiente, de propósito) usada nos botões e cards verdes
/// da aplicação — botões de "Entrar"/"Criar conta", "Adicionar criança" e o
/// card "Vídeos educativos". Só as app bars usam gradiente ([kAppBarGradient]);
/// mantém-se como [LinearGradient] com as duas cores iguais para não obrigar
/// a mudar todos os `decoration: gradient: kGreenButtonGradient` existentes.
const LinearGradient kGreenButtonGradient = LinearGradient(
colors: [AppColors.teal, AppColors.teal],
);
/// Gradiente rosa vivo do card do quiz na Home.
const LinearGradient kPinkHeroGradient = LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [AppColors.pink, AppColors.pinkVivid],
);