CKT String|Colors
This commit is contained in:
36
lib/colors/app_colors.dart
Normal file
36
lib/colors/app_colors.dart
Normal 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);
|
||||
}
|
||||
32
lib/colors/app_gradients.dart
Normal file
32
lib/colors/app_gradients.dart
Normal 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],
|
||||
);
|
||||
Reference in New Issue
Block a user