@lightningchart/lcjs-themes
Version:
Open-source Themes package for LightningChart JS
40 lines (35 loc) • 1.49 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var customTheme = require('./customTheme.js');
var lcjs = require('@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 = customTheme.makeCustomTheme({
isDark: true,
gradients: false,
effects: false,
fontFamily: 'Segoe UI, -apple-system, Verdana, Helvetica',
backgroundColor: lcjs.ColorHEX('#181818ff'),
textColor: lcjs.ColorHEX('#ffffc8ff'),
dataColors: [lcjs.ColorHEX('#ffff5b'), lcjs.ColorHEX('#ffcd5b'), lcjs.ColorHEX('#ff9b5b'), lcjs.ColorHEX('#ffc4bc'), lcjs.ColorHEX('#ff94b8'), lcjs.ColorHEX('#db94c6'), lcjs.ColorHEX('#ebc4e0'), lcjs.ColorHEX('#a994c6'), lcjs.ColorHEX('#94e2c6'), lcjs.ColorHEX('#94ffb0'), lcjs.ColorHEX('#b4ffa5')],
axisColor: lcjs.ColorHEX('#00000000'),
gridLineColor: lcjs.ColorHEX('#303030ff'),
uiBackgroundColor: lcjs.ColorHEX('#161616ff'),
uiBorderColor: lcjs.ColorHEX('#ffffff'),
dashboardSplitterColor: lcjs.ColorHEX('#2d2d2dff')
});
exports.flatThemeDark = flatThemeDark;