ChartTheme.dark constructor

ChartTheme.dark()

Implementation

factory ChartTheme.dark() {
  return const ChartTheme(
    backgroundColor: Color(0xFF121826),
    backgroundGradient: LinearGradient(
      begin: Alignment.topCenter,
      end: Alignment.bottomCenter,
      colors: [Color(0xFF1B2438), Color(0xFF0D1220)],
    ),
    gridColor: Color(0xFF273349),
    axisColor: Color(0xFF3C4A66),
    axisTextStyle: TextStyle(color: Color(0xFF9FB0CC), fontSize: 11),
    titleTextStyle: TextStyle(
      color: Colors.white,
      fontSize: 16,
      fontWeight: FontWeight.w700,
      letterSpacing: -0.2,
      height: 1.2,
    ),
    subtitleTextStyle: TextStyle(
      color: Color(0xFFAAB2C0),
      fontSize: 12,
      fontWeight: FontWeight.w400,
      height: 1.3,
    ),
    legendTextStyle: TextStyle(color: Color(0xFFAAB2C0), fontSize: 12),
    tooltipBackground: Color(0xFFEEEEEE),
    tooltipTextStyle: TextStyle(color: Color(0xFF212121), fontSize: 12),
    crosshairColor: Color(0xFF9E9E9E),
    selectionColor: Color(0x3364B5F6),
    seriesColors: [
      Color(0xFF64B5F6),
      Color(0xFFEF5350),
      Color(0xFF66BB6A),
      Color(0xFFFFB74D),
      Color(0xFFBA68C8),
      Color(0xFF4DD0E1),
    ],
    shadow: [
      BoxShadow(
        color: Color(0x33000000),
        blurRadius: 8,
        offset: Offset(0, 2),
      ),
    ],
  );
}