@lightningchart/lcjs-themes
Version:
Open-source Themes package for LightningChart JS
40 lines (35 loc) • 1.52 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var customTheme = require('./customTheme.js');
var lcjs = require('@lightningchart/lcjs');
/**
* Adaptation of `Themes.light` from `@lightningchart/lcjs` using `makeCustomTheme` factory.
*
* ```ts
* // Example use
* import { flatThemeLight } from '@lightningchart/lcjs-themes'
*
* const chart = lightningChart().ChartXY({ theme: flatThemeLight })
* ```
*
* Make your own adjustments by:
* - Referencing source code at https://github.com/Arction/lcjs-themes/blob/main/src/flatThemeLight.ts
* - Using the online editor: https://arction.github.io/lcjs-themes/
*
* @public
*/
var flatThemeLight = customTheme.makeCustomTheme({
isDark: false,
gradients: false,
effects: false,
fontFamily: 'Segoe UI, -apple-system, Verdana, Helvetica',
backgroundColor: lcjs.ColorHEX('#ffffffff'),
textColor: lcjs.ColorHEX('#212b31ff'),
dataColors: [lcjs.ColorHEX('#1cb58c'), lcjs.ColorHEX('#ff8400'), lcjs.ColorHEX('#f02727'), lcjs.ColorHEX('#5679fb'), lcjs.ColorHEX('#02b5d5'), lcjs.ColorHEX('#0dd49e'), lcjs.ColorHEX('#16a703'), lcjs.ColorHEX('#ea67e8'), lcjs.ColorHEX('#3eb7b3'), lcjs.ColorHEX('#8c5d03'), lcjs.ColorHEX('#9b9eba')],
axisColor: lcjs.ColorHEX('#00000000'),
gridLineColor: lcjs.ColorHEX('#dcdcdcff'),
uiBackgroundColor: lcjs.ColorHEX('#ffffffff'),
uiBorderColor: lcjs.ColorHEX('#a8a8c7ff'),
dashboardSplitterColor: lcjs.ColorHEX('#dbe3e9ff')
});
exports.flatThemeLight = flatThemeLight;