UNPKG

@progress/kendo-angular-charts

Version:

Kendo UI Charts for Angular - A comprehensive package for creating beautiful and interactive data visualization. Every chart type, stock charts, and sparklines are included.

165 lines (164 loc) 4.26 kB
/**----------------------------------------------------------------------------------------- * Copyright © 2025 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the project root for more information *-------------------------------------------------------------------------------------------*/ import { chartBaseTheme } from '@progress/kendo-charts'; /** * Fallback theme in case the Theme Service fails * to read the variables from the main theme. * * @hidden */ export const chartDefaultTheme = () => Object.assign({}, chartBaseTheme(), { axisDefaults: { crosshair: { color: 'rgba(0, 0, 0, 0.5)' }, labels: { color: 'rgb(101, 101, 101)', font: '12px serif' }, line: { color: 'rgba(0, 0, 0, 0.08)' }, majorGridLines: { color: 'rgba(0, 0, 0, 0.08)' }, minorGridLines: { color: 'rgba(0, 0, 0, 0.04)' }, notes: { icon: { background: 'rgba(0, 0, 0, 0.5)', border: { color: 'rgba(0, 0, 0, 0.5)' } }, line: { color: 'rgba(0, 0, 0, 0.5)' }, label: { font: '14px serif' } }, title: { color: 'rgb(101, 101, 101)', font: '14px serif' } }, chartArea: { background: 'rgb(255, 255, 255)' }, legend: { inactiveItems: { labels: { color: 'rgba(102, 102, 102, 0.5)' }, markers: { color: 'rgba(102, 102, 102, 0.5)' } }, labels: { color: 'rgb(101, 101, 101)', font: '14px serif' } }, seriesDefaults: { boxPlot: { downColor: 'rgba(0, 0, 0, 0.08)', mean: { color: 'rgb(246, 246, 246)' }, median: { color: 'rgb(246, 246, 246)' }, whiskers: { color: 'rgb(255, 99, 88)' } }, bullet: { target: { color: 'rgb(101, 101, 101)' } }, candlestick: { downColor: 'rgb(101, 101, 101)', line: { color: 'rgb(101, 101, 101)' } }, errorBars: { color: 'rgba(0, 0, 0, 0.5)' }, horizontalWaterfall: { line: { color: 'rgba(0, 0, 0, 0.08)' } }, icon: { border: { color: 'rgba(0, 0, 0, 0.08)' } }, labels: { background: 'rgb(255, 255, 255)', color: 'rgb(101, 101, 101)', opacity: 0.8, font: '12px serif' }, notes: { icon: { background: 'rgba(0, 0, 0, 0.5)', border: { color: 'rgba(0, 0, 0, 0.5)' } }, line: { color: 'rgba(0, 0, 0, 0.5)' }, label: { font: '14px serif' } }, overlay: { gradient: "none" }, verticalBoxPlot: { downColor: 'rgba(0, 0, 0, 0.08)', mean: { color: 'rgb(246, 246, 246)' }, median: { color: 'rgb(246, 246, 246)' }, whiskers: { color: 'rgb(255, 99, 88)' } }, verticalBullet: { target: { color: 'rgb(101, 101, 101)' } }, waterfall: { line: { color: 'rgba(0, 0, 0, 0.08)' } }, area: { opacity: 0.8 } }, title: { color: 'rgb(101, 101, 101)', font: '16px serif' }, seriesColors: [ 'rgb(255, 99, 88)', 'rgb(255, 210, 70)', 'rgb(120, 210, 55)', 'rgb(40, 180, 200)', 'rgb(45, 115, 245)', 'rgb(170, 70, 190)' ] });