Default Chart Colors #

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

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