feat(ui): implement award mockup redesign
This commit is contained in:
@@ -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,
|
||||
|
||||
@@ -37,15 +37,15 @@ class PluriWaveTokens extends ThemeExtension<PluriWaveTokens> {
|
||||
final double spacingLg;
|
||||
|
||||
static const dark = PluriWaveTokens(
|
||||
deepViolet: Color(0xFF24123D),
|
||||
electricMagenta: Color(0xFFE228D1),
|
||||
warmCoral: Color(0xFFFF6F61),
|
||||
glassSurface: Color(0x2AFFFFFF),
|
||||
glassBorder: Color(0x40FFFFFF),
|
||||
glowColor: Color(0x66E228D1),
|
||||
radiusSm: 10,
|
||||
radiusMd: 16,
|
||||
radiusLg: 24,
|
||||
deepViolet: Color(0xFF070A18),
|
||||
electricMagenta: Color(0xFFFF3DF2),
|
||||
warmCoral: Color(0xFFFFB86B),
|
||||
glassSurface: Color(0x24FFFFFF),
|
||||
glassBorder: Color(0x52FFFFFF),
|
||||
glowColor: Color(0x88FF3DF2),
|
||||
radiusSm: 14,
|
||||
radiusMd: 22,
|
||||
radiusLg: 30,
|
||||
spacingXs: 4,
|
||||
spacingSm: 8,
|
||||
spacingMd: 16,
|
||||
|
||||
Reference in New Issue
Block a user