Multitud de iconos más
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 8.2 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 7.2 KiB After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 9.0 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 45 KiB |
@@ -143,7 +143,7 @@ class _PantallaAdivinanzaState extends State<PantallaAdivinanza> {
|
||||
color: color.withValues(alpha: 0.18),
|
||||
child: Column(
|
||||
children: [
|
||||
Icon(
|
||||
IconoFarolero(
|
||||
acierto ? Icons.celebration : Icons.cancel,
|
||||
color: color,
|
||||
size: 52,
|
||||
|
||||
@@ -382,7 +382,7 @@ class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(
|
||||
IconoFarolero(
|
||||
_modoMultimovil ? Icons.devices : Icons.phone_android,
|
||||
color: TemaApp.colorNaranja,
|
||||
),
|
||||
@@ -416,7 +416,7 @@ class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
|
||||
width: double.infinity,
|
||||
child: DropdownButtonFormField<String>(
|
||||
initialValue: _categoria,
|
||||
decoration: const InputDecoration(
|
||||
decoration: InputDecoration(
|
||||
prefixIcon: Padding(
|
||||
padding: EdgeInsets.all(10),
|
||||
child: Image.asset(
|
||||
@@ -531,7 +531,7 @@ class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
|
||||
trailing: esPerfilLocal
|
||||
? IconoFarolero(Icons.lock, color: TemaApp.colorDorado)
|
||||
: IconButton(
|
||||
icon: const Icon(
|
||||
icon: IconoFarolero(
|
||||
Icons.close,
|
||||
color: TemaApp.colorAcento,
|
||||
),
|
||||
|
||||
@@ -341,7 +341,7 @@ class _IconoResultadoPremium extends StatelessWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
if (icono != Icons.theater_comedy) {
|
||||
return Icon(icono, size: 82, color: TemaApp.colorDorado);
|
||||
return IconoFarolero(icono, size: 82, color: TemaApp.colorDorado);
|
||||
}
|
||||
|
||||
return Stack(
|
||||
@@ -351,7 +351,7 @@ class _IconoResultadoPremium extends StatelessWidget {
|
||||
offset: const Offset(-18, 12),
|
||||
child: Transform.rotate(
|
||||
angle: -0.10,
|
||||
child: Icon(
|
||||
child: IconoFarolero(
|
||||
Icons.mood,
|
||||
size: 66,
|
||||
color: TemaApp.colorDorado.withValues(alpha: 0.98),
|
||||
@@ -362,7 +362,7 @@ class _IconoResultadoPremium extends StatelessWidget {
|
||||
offset: const Offset(20, -13),
|
||||
child: Transform.rotate(
|
||||
angle: 0.12,
|
||||
child: Icon(
|
||||
child: IconoFarolero(
|
||||
Icons.sentiment_dissatisfied,
|
||||
size: 70,
|
||||
color: TemaApp.colorDorado.withValues(alpha: 0.98),
|
||||
|
||||
@@ -1093,7 +1093,7 @@ class _PantallaRevelarPalabraHostState
|
||||
child: _manteniendo
|
||||
? Column(
|
||||
children: [
|
||||
Icon(
|
||||
IconoFarolero(
|
||||
widget.esImpostor
|
||||
? Icons.theater_comedy
|
||||
: Icons.key,
|
||||
@@ -1135,7 +1135,7 @@ class _PantallaRevelarPalabraHostState
|
||||
)
|
||||
: Column(
|
||||
children: [
|
||||
const Icon(
|
||||
IconoFarolero(
|
||||
Icons.lock,
|
||||
color: TemaApp.colorDorado,
|
||||
size: 48,
|
||||
|
||||
@@ -69,7 +69,7 @@ class PantallaHistorial extends StatelessWidget {
|
||||
color: color.withValues(alpha: 0.18),
|
||||
border: Border.all(color: color),
|
||||
),
|
||||
child: Icon(
|
||||
child: IconoFarolero(
|
||||
ganaronJugadores
|
||||
? Icons.groups_rounded
|
||||
: Icons.theater_comedy_rounded,
|
||||
|
||||
@@ -254,7 +254,7 @@ class _PantallaLobbyHostState extends State<PantallaLobbyHost> {
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(icon, color: color, size: 26),
|
||||
IconoFarolero(icon, color: color, size: 26),
|
||||
const SizedBox(width: 10),
|
||||
Expanded(
|
||||
child: Text(
|
||||
|
||||
@@ -86,7 +86,7 @@ class _PantallaPalabraClienteState extends State<PantallaPalabraCliente> {
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
Icon(
|
||||
IconoFarolero(
|
||||
_palabraVisible ? Icons.visibility : Icons.visibility_off,
|
||||
color: _palabraVisible
|
||||
? Colors.white
|
||||
|
||||
@@ -89,7 +89,7 @@ class _PantallaPalabrasClienteState extends State<PantallaPalabrasCliente> {
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
Icon(
|
||||
IconoFarolero(
|
||||
_visible ? Icons.visibility : Icons.visibility_off,
|
||||
color: _visible ? Colors.white : TemaApp.colorTextoSecundario,
|
||||
size: 32,
|
||||
|
||||
@@ -451,7 +451,7 @@ class _BotonInicioPremium extends StatelessWidget {
|
||||
children: [
|
||||
SizedBox(
|
||||
width: hero ? 50 : 42,
|
||||
child: Icon(
|
||||
child: IconoFarolero(
|
||||
icono,
|
||||
color: foreground,
|
||||
size: hero ? 38 : 29,
|
||||
|
||||
@@ -66,7 +66,7 @@ class PantallaReglas extends StatelessWidget {
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
border: Border.all(color: TemaApp.colorNaranja),
|
||||
),
|
||||
child: Icon(icono, color: TemaApp.colorNaranja, size: 30),
|
||||
child: IconoFarolero(icono, color: TemaApp.colorNaranja, size: 30),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Expanded(
|
||||
|
||||
@@ -90,7 +90,7 @@ class _DialogoRevisionPalabra extends StatelessWidget {
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
Icon(
|
||||
IconoFarolero(
|
||||
jugador.esImpostor ? Icons.theater_comedy : Icons.key,
|
||||
color: jugador.esImpostor
|
||||
? TemaApp.colorAcento
|
||||
|
||||
@@ -188,7 +188,7 @@ class _ModoCard extends StatelessWidget {
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
border: Border.all(color: color.withValues(alpha: 0.72)),
|
||||
),
|
||||
child: Icon(icono, color: color, size: 32),
|
||||
child: IconoFarolero(icono, color: color, size: 32),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
|
||||
@@ -625,7 +625,7 @@ class _PantallaUnirseState extends State<PantallaUnirse> {
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 16),
|
||||
child: Row(
|
||||
children: [
|
||||
const Icon(
|
||||
IconoFarolero(
|
||||
Icons.theater_comedy,
|
||||
color: TemaApp.colorNaranja,
|
||||
size: 30,
|
||||
@@ -646,7 +646,7 @@ class _PantallaUnirseState extends State<PantallaUnirse> {
|
||||
],
|
||||
),
|
||||
),
|
||||
const Icon(
|
||||
IconoFarolero(
|
||||
Icons.arrow_forward_ios,
|
||||
size: 16,
|
||||
color: TemaApp.colorDorado,
|
||||
@@ -773,7 +773,7 @@ class _PantallaUnirseState extends State<PantallaUnirse> {
|
||||
children: [
|
||||
// Opción crear nuevo usuario (tarea 3.5)
|
||||
ListTile(
|
||||
leading: const Icon(
|
||||
leading: IconoFarolero(
|
||||
Icons.add,
|
||||
color: TemaApp.colorAcento,
|
||||
),
|
||||
|
||||
@@ -174,7 +174,7 @@ class _PantallaRevelarPalabraState extends State<_PantallaRevelarPalabra> {
|
||||
child: _manteniendo
|
||||
? Column(
|
||||
children: [
|
||||
Icon(
|
||||
IconoFarolero(
|
||||
widget.esImpostor ? Icons.theater_comedy : Icons.search,
|
||||
color: colorEstado,
|
||||
size: 52,
|
||||
|
||||
@@ -37,6 +37,7 @@ class IconoFarolero extends StatelessWidget {
|
||||
if (icono == Icons.home) return 'assets/ui/generated/icons/nav_home.webp';
|
||||
if (icono == Icons.replay) return 'assets/ui/generated/icons/action_replay.webp';
|
||||
if (icono == Icons.save) return 'assets/ui/generated/icons/action_save.webp';
|
||||
if (icono == Icons.settings_rounded) return 'assets/ui/generated/icons/settings_gear.webp';
|
||||
if (icono == Icons.delete_outline) return 'assets/ui/generated/icons/action_delete.webp';
|
||||
if (icono == Icons.lock) return 'assets/ui/generated/icons/status_lock.webp';
|
||||
if (icono == Icons.key) return 'assets/ui/generated/icons/status_key.webp';
|
||||
@@ -53,6 +54,11 @@ class IconoFarolero extends StatelessWidget {
|
||||
return 'assets/ui/generated/icons/status_cancel.webp';
|
||||
}
|
||||
if (icono == Icons.link_off) return 'assets/ui/generated/icons/status_disconnected.webp';
|
||||
if (icono == Icons.alternate_email) return 'assets/ui/generated/icons/profile_identity.webp';
|
||||
if (icono == Icons.question_mark_rounded) return 'assets/ui/generated/icons/help_question.webp';
|
||||
if (icono == Icons.bolt_rounded) return 'assets/ui/generated/icons/quick_bolt.webp';
|
||||
if (icono == Icons.mood) return 'assets/ui/generated/icons/mood_happy.webp';
|
||||
if (icono == Icons.sentiment_dissatisfied) return 'assets/ui/generated/icons/mood_sad.webp';
|
||||
if (icono == Icons.search ||
|
||||
icono == Icons.person_search ||
|
||||
icono == Icons.gps_fixed) {
|
||||
@@ -65,20 +71,22 @@ class IconoFarolero extends StatelessWidget {
|
||||
if (icono == Icons.theater_comedy ||
|
||||
icono == Icons.theater_comedy_rounded ||
|
||||
icono == Icons.psychology) {
|
||||
return 'assets/ui/generated/actions/action_impostor_mask.webp';
|
||||
return 'assets/ui/generated/icons/impostor_shadow.webp';
|
||||
}
|
||||
if (icono == Icons.emoji_events ||
|
||||
icono == Icons.celebration ||
|
||||
icono == Icons.bar_chart) {
|
||||
return 'assets/ui/generated/actions/action_result_trophy.webp';
|
||||
return icono == Icons.bar_chart
|
||||
? 'assets/ui/generated/icons/stats_chart.webp'
|
||||
: 'assets/ui/generated/icons/winner_laurel.webp';
|
||||
}
|
||||
if (icono == Icons.forum ||
|
||||
icono == Icons.chat_bubble ||
|
||||
icono == Icons.record_voice_over) {
|
||||
return 'assets/ui/generated/actions/action_rules_book.webp';
|
||||
}
|
||||
if (icono == Icons.person ||
|
||||
icono == Icons.groups ||
|
||||
if (icono == Icons.person) return 'assets/ui/generated/icons/profile_player.webp';
|
||||
if (icono == Icons.groups ||
|
||||
icono == Icons.groups_rounded) {
|
||||
return 'assets/ui/generated/actions/action_players_group.webp';
|
||||
}
|
||||
@@ -100,7 +108,7 @@ class IconoFarolero extends StatelessWidget {
|
||||
return 'assets/ui/generated/actions/action_rules_book.webp';
|
||||
}
|
||||
if (icono == Icons.hourglass_bottom || icono == Icons.hourglass_empty) {
|
||||
return 'assets/ui/generated/actions/action_timer_hourglass.webp';
|
||||
return 'assets/ui/generated/icons/timer_hourglass.webp';
|
||||
}
|
||||
if (icono == Icons.play_arrow || icono == Icons.play_arrow_rounded) {
|
||||
return 'assets/ui/generated/actions/action_create_game.webp';
|
||||
|
||||
@@ -154,7 +154,7 @@ class DetalleVotosFarolero extends StatelessWidget {
|
||||
padding: const EdgeInsets.symmetric(vertical: 4),
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(
|
||||
IconoFarolero(
|
||||
fueAlEliminado ? Icons.how_to_vote : Icons.arrow_forward,
|
||||
size: 18,
|
||||
color: fueAlEliminado
|
||||
@@ -372,7 +372,7 @@ class IconoResultadoPremiumFarolero extends StatelessWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
if (icono != Icons.theater_comedy) {
|
||||
return Icon(icono, size: 82, color: TemaApp.colorDorado);
|
||||
return IconoFarolero(icono, size: 82, color: TemaApp.colorDorado);
|
||||
}
|
||||
return Stack(
|
||||
alignment: Alignment.center,
|
||||
@@ -381,7 +381,7 @@ class IconoResultadoPremiumFarolero extends StatelessWidget {
|
||||
offset: const Offset(-18, 12),
|
||||
child: Transform.rotate(
|
||||
angle: -0.10,
|
||||
child: Icon(
|
||||
child: IconoFarolero(
|
||||
Icons.mood,
|
||||
size: 66,
|
||||
color: TemaApp.colorDorado.withValues(alpha: 0.98),
|
||||
@@ -392,7 +392,7 @@ class IconoResultadoPremiumFarolero extends StatelessWidget {
|
||||
offset: const Offset(20, -13),
|
||||
child: Transform.rotate(
|
||||
angle: 0.12,
|
||||
child: Icon(
|
||||
child: IconoFarolero(
|
||||
Icons.sentiment_dissatisfied,
|
||||
size: 70,
|
||||
color: TemaApp.colorDorado.withValues(alpha: 0.98),
|
||||
@@ -826,7 +826,7 @@ class TarjetaImpostoresPremium extends StatelessWidget {
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
const Icon(
|
||||
IconoFarolero(
|
||||
Icons.theater_comedy,
|
||||
size: 20,
|
||||
color: TemaApp.colorAcento,
|
||||
@@ -844,7 +844,7 @@ class TarjetaImpostoresPremium extends StatelessWidget {
|
||||
),
|
||||
if (jugador.eliminado) ...[
|
||||
const SizedBox(width: 8),
|
||||
const Icon(
|
||||
IconoFarolero(
|
||||
Icons.close,
|
||||
size: 16,
|
||||
color: TemaApp.colorTextoSecundario,
|
||||
|
||||
@@ -43,6 +43,7 @@ metadata:
|
||||
18. **Analyzer cleanliness is mandatory.** When editing Dart, do not introduce unused getters/fields or analyzer-only style issues. Avoid `(_, __)`/`(_, __, ___)` callback parameters because `unnecessary_underscores` is enabled; name unused callback parameters descriptively (`context`, `index`, `error`, `stackTrace`) or use only one `_` where valid.
|
||||
19. **Premium buttons must be scalable by construction.** Do not place a decorative button PNG over a Flutter button that already has its own shape/background. Either use a true scalable technique (9-slice/centerSlice with protected corners/ornaments) or draw the frame with Flutter `CustomPainter`. Text, icons, hit state, disabled state, and dynamic width must remain real widgets and must not distort the artwork.
|
||||
20. **Generated backgrounds should not be polluted by procedural placeholders.** Once a screen has a real generated atmosphere background, remove temporary `CustomPainter` silhouettes, confetti rectangles, generic circles, or debug-looking shape layers unless they are intentional premium effects.
|
||||
21. **Icon atlas separator lines must be 1px only.** When generating multi-icon grids for later cropping, request exact 1px magenta separator lines and a chroma background per cell. Thick separators are forbidden because crop/resize/compression can leak separator pixels into final icons. After cropping, validate edge transparency and remove chroma/fringe pixels before exporting runtime WebP/PNG.
|
||||
|
||||
## Mandatory Image Generation Rule
|
||||
|
||||
|
||||
|
After Width: | Height: | Size: 245 KiB |