sentry/static/app/components/performance/waterfall/constants.tsx

export const ROW_HEIGHT = 24;
export const ROW_PADDING = 4;

export enum SpanBarHatch {
  gap = 'gap',
  affected = 'affected',
}

export const SPAN_HATCH_TYPE_COLOURS: Record<
  SpanBarHatch,
  {alternate: string; primary: string}
> = {
  [SpanBarHatch.gap]: {primary: '#dedae3', alternate: '#f4f2f7'},
  [SpanBarHatch.affected]: {primary: '#F55459', alternate: '#FAA9AC'},
};