@lightningchart/lcjs-themes
Version:
Open-source Themes package for LightningChart JS
36 lines (33 loc) • 1.3 kB
JavaScript
import { makeCustomTheme } from './customTheme.js';
import { ColorHEX } from '@lightningchart/lcjs';
/**
* Adaptation of a flat dark theme using `makeCustomTheme` factory.
*
* ```ts
* // Example use
* import { flatThemeDark } from '@lightningchart/lcjs-themes'
*
* const chart = lightningChart().ChartXY({ theme: flatThemeDark })
* ```
*
* Make your own adjustments by:
* - Referencing source code at https://github.com/Arction/lcjs-themes/blob/main/src/flatThemeDark.ts
* - Using the online editor: https://arction.github.io/lcjs-themes/
*
* @public
*/
var flatThemeDark = makeCustomTheme({
isDark: true,
gradients: false,
effects: false,
fontFamily: 'Segoe UI, -apple-system, Verdana, Helvetica',
backgroundColor: ColorHEX('#181818ff'),
textColor: ColorHEX('#ffffc8ff'),
dataColors: [ColorHEX('#ffff5b'), ColorHEX('#ffcd5b'), ColorHEX('#ff9b5b'), ColorHEX('#ffc4bc'), ColorHEX('#ff94b8'), ColorHEX('#db94c6'), ColorHEX('#ebc4e0'), ColorHEX('#a994c6'), ColorHEX('#94e2c6'), ColorHEX('#94ffb0'), ColorHEX('#b4ffa5')],
axisColor: ColorHEX('#00000000'),
gridLineColor: ColorHEX('#303030ff'),
uiBackgroundColor: ColorHEX('#161616ff'),
uiBorderColor: ColorHEX('#ffffff'),
dashboardSplitterColor: ColorHEX('#2d2d2dff')
});
export { flatThemeDark };