Skip to content

Default Chart Colors

You can overwrite this values by providing colors object in the props:

js
let chart = new NightVision('<root>', {
    colors: {
        back: '#eeeeee',
        // ...
    }
})

color.back

  • Type: Color
  • Default: #14151c

Background color

color.grid

  • Type: Color
  • Default: #252732

Grid color

color.text

  • Type: Color
  • Default: #adadad

Regular text color

color.textHL

  • Type: Color
  • Default: #dedddd

Highlighted text color

color.textLG

  • Type: Color
  • Default: #c4c4c4

Legend text color

color.llValue

  • Type: Color
  • Default: #818989

Legend value color

color.llBack

  • Type: Color
  • Default: #14151c77

Legend bar background

color.scale

  • Type: Color
  • Default: #606060

Scale edge color

color.cross

  • Type: Color
  • Default: #8091a0

Crosshair color

color.candleUp

  • Type: Color
  • Default: #41a376

"Green" candle color

color.candleDw

  • Type: Color
  • Default: #de4646

"Red" candle color

color.wickUp

  • Type: Color
  • Default: #23a77688

"Green" wick color

color.wickDw

  • Type: Color
  • Default: #e5415088

"Red" wick color

color.volUp

  • Type: Color
  • Default: #41a37682

"Green" volume color

color.volDw

  • Type: Color
  • Default: #de464682

"Red" volume color

color.panel

  • Type: Color
  • Default: #2a2f38

Scale panel color

color.tbBack

  • Type: undefined
  • Default: undefined

Toolbar background

color.tbBorder

  • Type: Color
  • Default: #8282827d

Toolbar border color

Released under the MIT License.