Design system Sameva
Couleurs (AppColors)
- •Primaire :
AppColors.primaryTurquoise(#4FD1C5),primaryTurquoiseDark(#38B2AC) - •Secondaire :
AppColors.secondaryViolet(#805AD5),secondaryVioletGlow(#B794F4) - •Accent :
AppColors.gold(#F6E05E),goldDark(#D69E2E) - •Fonds :
backgroundNightBlue(#0F172A),backgroundDeepViolet(#2D2B55),backgroundDarkPanel(#1A202C) - •Texte :
textPrimary,textSecondary,textMuted; clair :cream100,parchment
Toujours importer et utiliser AppColors depuis ui/theme/app_colors.dart. Ne pas définir de couleurs en dur pour l'UI.
Rareté (items, équipement)
Utiliser les constantes et helpers :
- •
AppColors.rarityCommon(gris),rarityUncommon(vert),rarityRare(bleu),rarityEpic(violet),rarityLegendary(or),rarityMythic(rouge) - •
AppColors.getRarityColor(String rarity)pour une chaîne - •
AppColors.shouldGlow(rarity)pour savoir si un effet glow est approprié (epic, legendary, mythic)
Polices
- •Titres fantasy : MedievalSharp
- •Stats / jeu : Press Start 2P (pixel)
- •Corps : Quicksand / Poppins
Styles communs dans AppStyles : titleStyle, subtitleStyle, radius, softShadow.
Catégories de widgets
| Dossier | Usage |
|---|---|
| minimalist/ | Composants plats, épurés (boutons, cartes, dock, FAB, panels) |
| magical/ | Effets glow, particules, fonds animés, hover |
| fantasy/ | Style RPG (boutons, cartes, champs, thème médiéval) |
| common/ | Partagés (header, loading, transitions, rarity_border) |
Choisir le dossier en fonction du style de la page (Sanctuaire/Quêtes → souvent minimalist ou magical ; Marché/Invocation → fantasy).
Material 3
Thèmes light/dark dans ui/theme/app_theme.dart. Utiliser le thème via Theme.of(context) pour les couleurs schématiques quand c'est cohérent avec le design system.
Fichiers de référence
- •
lib/ui/theme/app_colors.dart - •
lib/ui/theme/app_styles.dart - •
lib/ui/theme/app_theme.dart