ox-charts

Themes and layouts

Light and dark modes, candle colour themes, and multi-chart grid layouts.

Light and dark

The sun/moon button in the toolbar switches the base theme between light and dark. Your choice persists. Try both below, with each candle colour theme:

Loading live chart…
Live · the same chart under every mode and colour theme

Candle colour themes

The two-dot button beside it picks a colour theme: an up/down pair laid over whichever mode is active. Each theme has a deeper variant for light backgrounds, and two of them ride the blue–yellow axis for colour-blind readers. The full set, generated from the library:

ThemeNameUp / down on darkUp / down on light
OptionXoptionx#74d10a#ff4d5e#619920#af1b3c
Terminalterminal#58d8ae#e95048#259c79#b11b1d
Voltagevoltage#37e167#f72a71#24a047#ad1a4d
Meridianmeridian#86c5fa#c57721#228dd6#895113
Ultravioletultraviolet#c8aefa#a68921#9769dc#735e14
Kilnkiln#f3b030#d86162#ad7c1f#a43237
Harbourharbour#37d6dd#8979e6#24979d#5f4bb4
Sagesage#8ecfa9#bb7582#579672#8b4957
Graphitegraphite#ededf0#6e6e78#8e8e96#3b3b44
Daliandalian#faa493#218c8e#e85339#146364

Multi-chart layouts

The square button at the top right opens the layout picker. Each cell is a full chart with its own symbol, interval, indicators and drawings; click a cell to focus it, and the toolbar acts on the focused cell. Drag the dividers to resize.

Single chart
1
2 charts, side by side
2h
2 charts, stacked
2v
3 charts, side by side
3h
3 charts, stacked
3v
1 large left, 2 right
1-2
4 charts
2x2
6 charts
2x3
8 charts
2x4
9 charts
3x3
16 charts
4x4

Sync toggles in the layout menu link symbol, interval, crosshair and time across cells. Indicators can be copied to every chart and drawings synced across the grid.

For developers

Hosts can restrict the layouts offered, supply their own themes, or drive the theme from the app. See Theming and Host integration.

On this page