Cambios visuales completos

This commit is contained in:
2026-05-10 17:28:35 +02:00
parent 8b4ca132aa
commit 42f01949c4
33 changed files with 887 additions and 397 deletions

View File

@@ -77,6 +77,7 @@ class _PantallaDebateState extends State<PantallaDebate> {
automaticallyImplyLeading: false,
),
body: FondoFarolero(
intenso: true,
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
@@ -95,40 +96,56 @@ class _PantallaDebateState extends State<PantallaDebate> {
? Border.all(color: TemaApp.colorAcento, width: 2)
: null,
),
child: Column(
child: Stack(
alignment: Alignment.center,
children: [
Text(
_tiempoAgotado ? l10n.timeUp : l10n.timeRemaining,
style: Theme.of(context).textTheme.titleMedium?.copyWith(
color: _tiempoAgotado
? TemaApp.colorAcento
: TemaApp.colorTextoSecundario,
Positioned.fill(
child: Image.asset(
'assets/ui/premium/timer_ring_glow.png',
fit: BoxFit.contain,
opacity: const AlwaysStoppedAnimation(0.36),
),
),
const SizedBox(height: 8),
Text(
_formatearTiempo(_segundosRestantes),
style: Theme.of(context).textTheme.headlineLarge?.copyWith(
fontSize: 48,
fontWeight: FontWeight.bold,
color: _segundosRestantes < 10 && !_tiempoAgotado
? TemaApp.colorAcento
: TemaApp.colorTexto,
),
),
const SizedBox(height: 8),
ClipRRect(
borderRadius: BorderRadius.circular(4),
child: LinearProgressIndicator(
value: progreso,
backgroundColor: TemaApp.colorSuperficie,
valueColor: AlwaysStoppedAnimation(
_segundosRestantes < 10
? TemaApp.colorAcento
: TemaApp.colorVerde,
Column(
mainAxisSize: MainAxisSize.min,
children: [
Text(
_tiempoAgotado ? l10n.timeUp : l10n.timeRemaining,
style:
Theme.of(context).textTheme.titleMedium?.copyWith(
color: _tiempoAgotado
? TemaApp.colorAcento
: TemaApp.colorTextoSecundario,
),
),
minHeight: 6,
),
const SizedBox(height: 8),
Text(
_formatearTiempo(_segundosRestantes),
style:
Theme.of(context).textTheme.headlineLarge?.copyWith(
fontSize: 48,
fontWeight: FontWeight.bold,
color: _segundosRestantes < 10 &&
!_tiempoAgotado
? TemaApp.colorAcento
: TemaApp.colorTexto,
),
),
const SizedBox(height: 8),
ClipRRect(
borderRadius: BorderRadius.circular(4),
child: LinearProgressIndicator(
value: progreso,
backgroundColor: TemaApp.colorSuperficie,
valueColor: AlwaysStoppedAnimation(
_segundosRestantes < 10
? TemaApp.colorAcento
: TemaApp.colorVerde,
),
minHeight: 6,
),
),
],
),
],
),