MultiFactorLoginStyle constructor

const MultiFactorLoginStyle({
  1. double shellRadius = 22,
  2. double shellMaxWidth = 920,
  3. double outerPaddingHorizontal = 16,
  4. double outerPaddingVertical = 24,
  5. double desktopFormContentHeight = 460,
  6. bool backgroundAnimationEnabled = true,
  7. Duration backgroundAnimationDuration = const Duration(seconds: 14),
  8. Duration panelAnimationDuration = const Duration(milliseconds: 160),
  9. Color shellBackgroundColor = const Color(0xFFF7F8FC),
  10. Color pageBackgroundColor = const Color(0xFFF4F6FF),
  11. Color modalBarrierColor = const Color(0x33000000),
  12. Color shellBorderColor = const Color(0x140F172A),
  13. Color shellShadowColor = const Color(0x140F172A),
  14. List<Color> backgroundGradientStart = const [Color(0xFFE8F2FF), Color(0xFFF6EEFF)],
  15. List<Color> backgroundGradientMiddle = const [Color(0xFFDDF3FF), Color(0xFFE9FBFF)],
  16. List<Color> backgroundGradientEnd = const [Color(0xFFF4FAFF), Color(0xFFE8EEFF)],
  17. List<List<Color>> backgroundGlowColors = const [[Color(0x66A78BFA), Color(0x00A78BFA)], [Color(0x5A38BDF8), Color(0x0038BDF8)], [Color(0x42F59E0B), Color(0x00F59E0B)]],
  18. Color backgroundDotColor = const Color(0x140E1B4D),
  19. Color heroTextureLineColor = const Color(0x10FFFFFF),
  20. Color heroTextureNodeColor = const Color(0x2638BDF8),
  21. List<Color> heroGradientColors = const [Color(0xFF081A33), Color(0xFF0C294A), Color(0xFF101828)],
  22. List<Color> heroBeamColors = const [Color(0x0038BDF8), Color(0x2238BDF8), Color(0x00FFFFFF)],
  23. List<Color> heroHaloColors = const [Color(0x4438BDF8), Color(0x0038BDF8)],
  24. List<Color> heroAnimationHaloColors = const [Color(0x3038BDF8), Color(0x0038BDF8)],
  25. List<Color> brandGradientColors = const [Color(0xFF22D3EE), Color(0xFF3B82F6)],
  26. Color brandShadowColor = const Color(0x4038BDF8),
  27. Color panelBackgroundColor = Colors.white,
  28. Color sectionBackgroundColor = const Color(0xFFF8FAFC),
  29. Color sectionBorderColor = const Color(0xFFE2E8F0),
  30. Color segmentedBackgroundColor = const Color(0xFFF1F5F9),
  31. Color segmentedActiveBackgroundColor = Colors.white,
  32. Color segmentedShadowColor = const Color(0x140F172A),
  33. Color fieldBackgroundColor = Colors.white,
  34. Color fieldBorderColor = const Color(0xFFD8E1EC),
  35. Color fieldFocusColor = const Color(0xFF2563EB),
  36. Color fieldHintColor = const Color(0xFF94A3B8),
  37. Color primaryTextColor = const Color(0xFF0F172A),
  38. Color secondaryTextColor = const Color(0xFF64748B),
  39. Color subduedTextColor = const Color(0xFF475569),
  40. Color inverseTextColor = Colors.white,
  41. Color inverseMutedTextColor = const Color(0xB8FFFFFF),
  42. Color accentColor = const Color(0xFF2563EB),
  43. Color accentStrongColor = const Color(0xFF0369A1),
  44. Color accentSoftColor = const Color(0xFFE0F2FE),
  45. Color submitBackgroundColor = const Color(0xFF0F172A),
  46. Color submitForegroundColor = Colors.white,
  47. Color heroHighlightColor = const Color(0xFF67E8F9),
  48. Color heroBadgeBackgroundColor = const Color(0x14FFFFFF),
  49. Color heroBadgeBorderColor = const Color(0x22FFFFFF),
  50. Color heroInsightBackgroundColor = const Color(0x12FFFFFF),
  51. Color heroInsightBorderColor = const Color(0x20FFFFFF),
  52. Color qrCardBackgroundColor = const Color(0xFFF8FAFC),
  53. Color qrCardShadowColor = const Color(0x0A121A42),
  54. Color qrCodeColor = const Color(0xFF0F172A),
  55. Color qrIconBackgroundColor = const Color(0xFFE0F2FE),
  56. Color qrIconColor = const Color(0xFF0369A1),
  57. Color successColor = const Color(0xFF16A34A),
  58. Color successSoftColor = const Color(0xFF86EFAC),
  59. Color successSurfaceColor = const Color(0xFFF0FDF4),
  60. Color infoColor = const Color(0xFF0284C7),
  61. Color infoSoftColor = const Color(0xFFBAE6FD),
  62. Color infoSurfaceColor = const Color(0xFFF0F9FF),
  63. List<Color> serverStackGradientStartColors = const [Color(0xFFDFF4FF)],
  64. List<Color> serverStackGradientEndColors = const [Color(0xFF96BFFF), Color(0xFFBDD6FF)],
  65. Color serverStackShadowColor = const Color(0x33000000),
  66. Color screenCardBackgroundColor = const Color(0xFF1B2F72),
  67. Color screenCardBorderColor = const Color(0x66FFFFFF),
  68. List<Color> screenCardBarColors = const [Color(0xFF6CE4FF), Color(0xFF89FFB4), Color(0xFFFFC45E), Color(0xFFFF7D7D)],
  69. Color screenCardTrendLineColor = const Color(0xFF79D8FF),
})

Implementation

const MultiFactorLoginStyle({
  this.shellRadius = 22,
  this.shellMaxWidth = 920,
  this.outerPaddingHorizontal = 16,
  this.outerPaddingVertical = 24,
  // Slightly taller desktop panel to avoid a "short form / tall hero" imbalance
  // and to give the scan QR panel enough vertical space.
  this.desktopFormContentHeight = 460,
  this.backgroundAnimationEnabled = true,
  this.backgroundAnimationDuration = const Duration(seconds: 14),
  this.panelAnimationDuration = const Duration(milliseconds: 160),
  this.shellBackgroundColor = const Color(0xFFF7F8FC),
  this.pageBackgroundColor = const Color(0xFFF4F6FF),
  this.modalBarrierColor = const Color(0x33000000),
  this.shellBorderColor = const Color(0x140F172A),
  this.shellShadowColor = const Color(0x140F172A),
  this.backgroundGradientStart = const [Color(0xFFE8F2FF), Color(0xFFF6EEFF)],
  this.backgroundGradientMiddle = const [
    Color(0xFFDDF3FF),
    Color(0xFFE9FBFF),
  ],
  this.backgroundGradientEnd = const [Color(0xFFF4FAFF), Color(0xFFE8EEFF)],
  this.backgroundGlowColors = const [
    [Color(0x66A78BFA), Color(0x00A78BFA)],
    [Color(0x5A38BDF8), Color(0x0038BDF8)],
    [Color(0x42F59E0B), Color(0x00F59E0B)],
  ],
  this.backgroundDotColor = const Color(0x140E1B4D),
  this.heroTextureLineColor = const Color(0x10FFFFFF),
  this.heroTextureNodeColor = const Color(0x2638BDF8),
  this.heroGradientColors = const [
    Color(0xFF081A33),
    Color(0xFF0C294A),
    Color(0xFF101828),
  ],
  this.heroBeamColors = const [
    Color(0x0038BDF8),
    Color(0x2238BDF8),
    Color(0x00FFFFFF),
  ],
  this.heroHaloColors = const [Color(0x4438BDF8), Color(0x0038BDF8)],
  this.heroAnimationHaloColors = const [Color(0x3038BDF8), Color(0x0038BDF8)],
  this.brandGradientColors = const [Color(0xFF22D3EE), Color(0xFF3B82F6)],
  this.brandShadowColor = const Color(0x4038BDF8),
  this.panelBackgroundColor = Colors.white,
  this.sectionBackgroundColor = const Color(0xFFF8FAFC),
  this.sectionBorderColor = const Color(0xFFE2E8F0),
  this.segmentedBackgroundColor = const Color(0xFFF1F5F9),
  this.segmentedActiveBackgroundColor = Colors.white,
  this.segmentedShadowColor = const Color(0x140F172A),
  this.fieldBackgroundColor = Colors.white,
  this.fieldBorderColor = const Color(0xFFD8E1EC),
  this.fieldFocusColor = const Color(0xFF2563EB),
  this.fieldHintColor = const Color(0xFF94A3B8),
  this.primaryTextColor = const Color(0xFF0F172A),
  this.secondaryTextColor = const Color(0xFF64748B),
  this.subduedTextColor = const Color(0xFF475569),
  this.inverseTextColor = Colors.white,
  this.inverseMutedTextColor = const Color(0xB8FFFFFF),
  this.accentColor = const Color(0xFF2563EB),
  this.accentStrongColor = const Color(0xFF0369A1),
  this.accentSoftColor = const Color(0xFFE0F2FE),
  this.submitBackgroundColor = const Color(0xFF0F172A),
  this.submitForegroundColor = Colors.white,
  this.heroHighlightColor = const Color(0xFF67E8F9),
  this.heroBadgeBackgroundColor = const Color(0x14FFFFFF),
  this.heroBadgeBorderColor = const Color(0x22FFFFFF),
  this.heroInsightBackgroundColor = const Color(0x12FFFFFF),
  this.heroInsightBorderColor = const Color(0x20FFFFFF),
  this.qrCardBackgroundColor = const Color(0xFFF8FAFC),
  this.qrCardShadowColor = const Color(0x0A121A42),
  this.qrCodeColor = const Color(0xFF0F172A),
  this.qrIconBackgroundColor = const Color(0xFFE0F2FE),
  this.qrIconColor = const Color(0xFF0369A1),
  this.successColor = const Color(0xFF16A34A),
  this.successSoftColor = const Color(0xFF86EFAC),
  this.successSurfaceColor = const Color(0xFFF0FDF4),
  this.infoColor = const Color(0xFF0284C7),
  this.infoSoftColor = const Color(0xFFBAE6FD),
  this.infoSurfaceColor = const Color(0xFFF0F9FF),
  this.serverStackGradientStartColors = const [Color(0xFFDFF4FF)],
  this.serverStackGradientEndColors = const [
    Color(0xFF96BFFF),
    Color(0xFFBDD6FF),
  ],
  this.serverStackShadowColor = const Color(0x33000000),
  this.screenCardBackgroundColor = const Color(0xFF1B2F72),
  this.screenCardBorderColor = const Color(0x66FFFFFF),
  this.screenCardBarColors = const [
    Color(0xFF6CE4FF),
    Color(0xFF89FFB4),
    Color(0xFFFFC45E),
    Color(0xFFFF7D7D),
  ],
  this.screenCardTrendLineColor = const Color(0xFF79D8FF),
});