feat(theme): complete redesign to Cyber-Cinematic Glass (Stitch)

Replace the legacy Apple TV-style purple/cyan theme with the full
Google Stitch Cyber-Cinematic Glass design system across the
entire app (desktop + mobile).

- New Material 3 dark ColorScheme: background #121317, primary
  #adc6ff, primaryContainer #4b8eff, surface containers, etc.
- Typography: Space Grotesk (headlines) + Inter (body/labels)
- 3-level glassmorphism via GlassContainer: base, glass, floating
- Primary gradient: #007AFF → #00C6FF with blue glow effects
- Removed old compatibility aliases (focusColor, border, textPrimary,
  textSecondary); all code now uses semantic Stitch tokens
- Systematically replaced all Colors.white/black/red/grey and
  GoogleFonts.roboto/outfit with Stitch equivalents
- All 36 lib/ files updated, zero compilation errors

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
MichaelandClaude Opus 4.7 committed 2026-04-27 22:06:29 +02:00
1 parent a9a1127d6b
commit f7eaa724e2
36 files changed
+1651 -986

No files matched your search

+8 -5
View File
@@ -1,5 +1,8 @@
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import '../theme/app_colors.dart';
/// Stitch-themed loading screen with dark gradient and blue accent.
class ThemedLoading extends StatelessWidget {
const ThemedLoading({super.key});
@@ -12,7 +15,7 @@ class ThemedLoading extends StatelessWidget {
end: Alignment.bottomRight,
colors: [
Color(0xFF0F1014), // Deep Space Dark
Color(0xFF181920), // Soft Eerie Black
Color(0xFF121317), // Stitch background
],
),
),
@@ -21,16 +24,16 @@ class ThemedLoading extends StatelessWidget {
mainAxisSize: MainAxisSize.min,
children: [
const CircularProgressIndicator(
color: Color(0xFF007AFF), // Electric Blue (AppColors.primary)
color: Color(0xFF4b8eff), // AppColors.primaryContainer
strokeWidth: 3,
),
const SizedBox(height: 16),
Text(
'Loading...',
style: TextStyle(
fontFamily: 'Outfit', // Match AppTheme
color: Colors.white.withOpacity(0.7),
style: GoogleFonts.inter(
color: AppColors.onSurfaceVariant,
fontSize: 14,
fontWeight: FontWeight.w500,
),
),
],