dark property

NodeFlowTheme dark
final

Built-in dark theme with muted colors and visible grid.

Suitable for applications with dark backgrounds. Features:

  • Dark grey background
  • Medium grey dot grid
  • Light blue selection and highlights
  • Light text and borders

Implementation

static final dark = NodeFlowTheme(
  nodeTheme: NodeTheme.dark,
  connectionTheme: ConnectionTheme.dark,
  temporaryConnectionTheme: ConnectionTheme.dark.copyWith(
    color: Color(0xFF999999),
    startPoint: ConnectionEndPoint.none,
    endPoint: ConnectionEndPoint.capsuleHalf,
    dashPattern: [5, 5],
  ),
  portTheme: PortTheme.dark,
  labelTheme: LabelTheme.dark,
  backgroundColor: const Color(0xFF1A1A1A),
  gridColor: const Color(0xFF707070),
  gridSize: 20.0,
  gridThickness: 1,
  gridStyle: GridStyles.dots,
  selectionColor: const Color(0x3364B5F6),
  selectionBorderColor: const Color(0xFF64B5F6),
  selectionBorderWidth: 1.0,
  cursorStyle: SystemMouseCursors.grab,
  dragCursorStyle: SystemMouseCursors.grabbing,
  nodeCursorStyle: SystemMouseCursors.click,
  portCursorStyle: SystemMouseCursors.precise,
);