UNPKG

@lightningchart/lcjs-themes

Version:

Open-source Themes package for LightningChart JS

40 lines (35 loc) 1.49 kB
'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;