github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/packages/pyroscope-flamegraph/src/FlameGraph/FlameGraphComponent/colorPalette.ts (about)

     1  import Color from 'color';
     2  
     3  // FlamegraphPalette represents
     4  export interface FlamegraphPalette {
     5    name: string;
     6    goodColor: Color;
     7    neutralColor: Color;
     8    badColor: Color;
     9  
    10    colors: Color[];
    11  }
    12  
    13  export const DefaultPalette: FlamegraphPalette = {
    14    name: 'Default',
    15    // green
    16    goodColor: Color.rgb(0, 170, 0),
    17    // grey
    18    neutralColor: Color.rgb(148, 142, 142),
    19    // red
    20    badColor: Color.rgb(200, 0, 0),
    21  
    22    colors: [
    23      Color.hsl(24, 69, 60),
    24      Color.hsl(34, 65, 65),
    25      Color.hsl(194, 52, 61),
    26      Color.hsl(163, 45, 55),
    27      Color.hsl(211, 48, 60),
    28      Color.hsl(246, 40, 65),
    29      Color.hsl(305, 63, 79),
    30      Color.hsl(47, 100, 73),
    31  
    32      Color.rgb(183, 219, 171),
    33      Color.rgb(244, 213, 152),
    34      Color.rgb(78, 146, 249),
    35      Color.rgb(249, 186, 143),
    36      Color.rgb(242, 145, 145),
    37      Color.rgb(130, 181, 216),
    38      Color.rgb(229, 168, 226),
    39      Color.rgb(174, 162, 224),
    40      Color.rgb(154, 196, 138),
    41      Color.rgb(242, 201, 109),
    42      Color.rgb(101, 197, 219),
    43      Color.rgb(249, 147, 78),
    44      Color.rgb(234, 100, 96),
    45      Color.rgb(81, 149, 206),
    46      Color.rgb(214, 131, 206),
    47      Color.rgb(128, 110, 183),
    48    ],
    49  };
    50  
    51  export const ColorBlindPalette: FlamegraphPalette = {
    52    ...DefaultPalette,
    53  
    54    name: 'Color Blind',
    55    goodColor: Color.rgb(26, 133, 255),
    56    neutralColor: Color.rgb(148, 142, 142),
    57    badColor: Color.rgb(220, 50, 32),
    58  };