dark property

UiThemeData dark

Dark neon theme with cyan primary and magenta secondary.

Implementation

static final dark = UiThemeData(
  name: 'Neon Dark',
  colorScheme: const UiColorScheme(
    primary: Color(0xFF00F0FF),
    onPrimary: Color(0xFF000000),
    secondary: Color(0xFFFF00E5),
    onSecondary: Color(0xFF000000),
    surface: Color(0xFF1A1A2E),
    onSurface: Color(0xFFE0E0FF),
    background: Color(0xFF0D0D1A),
    onBackground: Color(0xFFE0E0FF),
    error: Color(0xFFFF3366),
    onError: Color(0xFF000000),
    success: Color(0xFF00FF88),
    onSuccess: Color(0xFF000000),
    warning: Color(0xFFFFCC00),
    onWarning: Color(0xFF000000),
    border: Color(0xFF2A2A4A),
    shadow: Color(0x6600F0FF),
    glow: Color(0xFF00F0FF),
    gradient: [Color(0xFF00F0FF), Color(0xFFFF00E5)],
    canvas: Color(0xFF090912),
    surfaceRaised: Color(0xFF20203A),
    surfaceOverlay: Color(0xFF292947),
    onSurfaceMuted: Color(0xFFA6A6CF),
  ),
  typography: UiTypography.fromFont(
    fontFamily: 'Avenir Next',
    fontFamilyFallback: const ['Segoe UI', 'Roboto'],
    color: const Color(0xFFE0E0FF),
  ),
  spacing: const UiSpacing(
    borderRadiusSm: 4.0,
    borderRadiusMd: 8.0,
    borderRadiusLg: 12.0,
    borderRadiusXl: 20.0,
  ),
  components: const UiComponentTokens(
    controlHeightSmall: 34,
    controlHeightMedium: 42,
    controlHeightLarge: 50,
    controlRadius: 8,
    cardRadius: 12,
    cardPadding: 18,
    appBarHeight: 62,
    iconSizeSmall: 16,
    iconSizeMedium: 21,
    iconSizeLarge: 26,
    hoverOpacity: 0.12,
    pressedOpacity: 0.2,
    focusRingWidth: 2,
    shadowBlur: 22,
    shadowOffset: Offset(0, 5),
    contentMaxWidth: 1180,
  ),
  icons: const UiIconSet(weight: 500, grade: 100, opticalSize: 22),
  useGlow: true,
  useGradients: true,
  useShadows: true,
  borderWidth: 1.5,
  animationDuration: const Duration(milliseconds: 250),
);