feat(ui): implement award mockup redesign

2026-05-20 21:29:36 +02:00
parent eb0ef37c76
commit d8acf74771
14 changed files with 621 additions and 211 deletions
@@ -9,10 +9,12 @@ abstract final class PluriWaveTheme {
    const tokens = PluriWaveTokens.dark;
    final colorScheme = const ColorScheme.dark().copyWith(
      primary: tokens.electricMagenta,
-      secondary: tokens.warmCoral,
-      surface: const Color(0xFF130B22),
-      surfaceContainerLow: const Color(0xFF1A112C),
-      onSurface: const Color(0xFFF4EEFF),
+      secondary: const Color(0xFF20E6FF),
+      tertiary: tokens.warmCoral,
+      surface: const Color(0xFF0B1024),
+      surfaceContainerLow: const Color(0xFF111831),
+      surfaceContainerHighest: const Color(0xFF202946),
+      onSurface: const Color(0xFFF7F2FF),
      onPrimary: Colors.white,
    );

@@ -20,11 +22,34 @@ abstract final class PluriWaveTheme {
      useMaterial3: true,
      colorScheme: colorScheme,
      scaffoldBackgroundColor: tokens.deepViolet,
-      textTheme: GoogleFonts.interTextTheme(ThemeData.dark().textTheme),
+      textTheme: GoogleFonts.plusJakartaSansTextTheme(ThemeData.dark().textTheme),
      extensions: const <ThemeExtension<dynamic>>[
        tokens,
        PluriWaveMotion.dark,
      ],
+      appBarTheme: const AppBarTheme(
+        centerTitle: false,
+        backgroundColor: Colors.transparent,
+        foregroundColor: Color(0xFFF7F2FF),
+        elevation: 0,
+        scrolledUnderElevation: 0,
+      ),
+      navigationBarTheme: NavigationBarThemeData(
+        backgroundColor: Colors.transparent,
+        indicatorColor: tokens.electricMagenta.withValues(alpha: 0.18),
+        labelTextStyle: WidgetStateProperty.resolveWith(
+          (states) => TextStyle(
+            fontWeight: states.contains(WidgetState.selected) ? FontWeight.w800 : FontWeight.w600,
+            fontSize: 12,
+          ),
+        ),
+      ),
+      chipTheme: ChipThemeData(
+        backgroundColor: const Color(0x1FFFFFFF),
+        selectedColor: tokens.electricMagenta.withValues(alpha: 0.24),
+        side: BorderSide(color: tokens.glassBorder),
+        labelStyle: const TextStyle(fontWeight: FontWeight.w700),
+      ),
      cardTheme: CardThemeData(
        elevation: 0,
        color: colorScheme.surfaceContainerLow,