@progress/kendo-ui
Version:
This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.
1,679 lines (1,636 loc) • 117 kB
JavaScript
module.exports =
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(917);
/***/ }),
/***/ 3:
/***/ (function(module, exports) {
module.exports = function() { throw new Error("define cannot be used indirect"); };
/***/ }),
/***/ 917:
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(918) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
})(function(){
(function ($) {
// Imports ================================================================
var kendo = window.kendo,
ui = kendo.dataviz.ui,
deepExtend = kendo.deepExtend;
// Constants ==============================================================
var BLACK = "#000",
SANS = "Arial,Helvetica,sans-serif",
SANS12 = "12px " + SANS,
WHITE = "#fff";
var chartBaseTheme = kendo.dataviz.chartBaseTheme({
gradients: true
});
var gaugeBaseTheme = {
scale: {
labels: {
font: SANS12
}
}
};
var diagramBaseTheme = {
shapeDefaults: {
hover: {
opacity: 0.2
},
stroke: {
width: 0
}
},
editable: {
resize: {
handles: {
width: 7,
height: 7
}
}
},
selectable: {
stroke: {
width: 1,
dashType: "dot"
}
},
connectionDefaults: {
stroke: {
width: 2
},
selection: {
handles: {
width: 8,
height: 8
}
},
editable: {
tools: ["edit", "delete"]
}
}
};
var themes = ui.themes,
registerTheme = ui.registerTheme = function(themeName, options) {
var result = {};
// Apply base theme
result.chart = deepExtend({}, chartBaseTheme, options.chart);
result.gauge = deepExtend({}, gaugeBaseTheme, options.gauge);
result.diagram = deepExtend({}, diagramBaseTheme, options.diagram);
result.treeMap = deepExtend({}, options.treeMap);
// Copy the line/area chart settings for their vertical counterparts
var defaults = result.chart.seriesDefaults;
defaults.verticalLine = deepExtend({}, defaults.line);
defaults.verticalArea = deepExtend({}, defaults.area);
defaults.rangeArea = deepExtend({}, defaults.area);
defaults.verticalRangeArea = deepExtend({}, defaults.rangeArea);
defaults.verticalBoxPlot = deepExtend({}, defaults.boxPlot);
defaults.polarArea = deepExtend({}, defaults.radarArea);
defaults.polarLine = deepExtend({}, defaults.radarLine);
themes[themeName] = result;
};
registerTheme("black", {
chart: {
title: {
color: WHITE
},
legend: {
labels: {
color: WHITE
},
inactiveItems: {
labels: {
color: "#919191"
},
markers: {
color: "#919191"
}
}
},
seriesDefaults: {
labels: {
color: WHITE
},
errorBars: {
color: WHITE
},
notes: {
icon: {
background: "#3b3b3b",
border: {
color: "#8e8e8e"
}
},
label: {
color: WHITE
},
line: {
color: "#8e8e8e"
}
},
pie: {
overlay: {
gradient: "sharpBevel"
}
},
donut: {
overlay: {
gradient: "sharpGlass"
}
},
line: {
markers: {
background: "#3d3d3d"
}
},
scatter: {
markers: {
background: "#3d3d3d"
}
},
scatterLine: {
markers: {
background: "#3d3d3d"
}
},
waterfall: {
line: {
color: "#8e8e8e"
}
},
horizontalWaterfall: {
line: {
color: "#8e8e8e"
}
},
candlestick: {
downColor: "#555",
line: {
color: WHITE
},
border: {
_brightness: 1.5,
opacity: 1
},
highlight: {
border: {
color: WHITE,
opacity: 0.2
}
}
},
ohlc: {
line: {
color: WHITE
}
}
},
chartArea: {
background: "#3d3d3d"
},
seriesColors: ["#0081da", "#3aafff", "#99c900", "#ffeb3d", "#b20753", "#ff4195"],
axisDefaults: {
line: {
color: "#8e8e8e"
},
labels: {
color: WHITE
},
majorGridLines: {
color: "#545454"
},
minorGridLines: {
color: "#454545"
},
title: {
color: WHITE
},
crosshair: {
color: "#8e8e8e"
},
notes: {
icon: {
background: "#3b3b3b",
border: {
color: "#8e8e8e"
}
},
label: {
color: WHITE
},
line: {
color: "#8e8e8e"
}
}
}
},
gauge: {
pointer: {
color: "#0070e4"
},
scale: {
rangePlaceholderColor: "#1d1d1d",
labels: {
color: WHITE
},
minorTicks: {
color: WHITE
},
majorTicks: {
color: WHITE
},
line: {
color: WHITE
}
}
},
diagram: {
shapeDefaults: {
fill: {
color: "#0066cc"
},
connectorDefaults: {
fill: {
color: WHITE
},
stroke: {
color: "#384049"
},
hover: {
fill: {
color: "#3d3d3d"
},
stroke: {
color: "#efefef"
}
}
},
content: {
color: WHITE
}
},
editable: {
resize: {
handles: {
fill: {
color: "#3d3d3d"
},
stroke: {
color: WHITE
},
hover: {
fill: {
color: WHITE
},
stroke: {
color: WHITE
}
}
}
},
rotate: {
thumb: {
stroke: {
color: WHITE
},
fill: {
color: WHITE
}
}
}
},
selectable: {
stroke: {
color: WHITE
}
},
connectionDefaults: {
stroke: {
color: WHITE
},
content: {
color: WHITE
},
selection: {
handles: {
fill: {
color: "#3d3d3d"
},
stroke: {
color: "#efefef"
}
}
}
}
},
treeMap: {
colors: [
["#0081da", "#314b5c"],
["#3aafff", "#3c5464"],
["#99c900", "#4f5931"],
["#ffeb3d", "#64603d"],
["#b20753", "#543241"],
["#ff4195", "#643e4f"]]
}
});
registerTheme("blueopal", {
chart: {
title: {
color: "#293135"
},
legend: {
labels: {
color: "#293135"
},
inactiveItems: {
labels: {
color: "#27A5BA"
},
markers: {
color: "#27A5BA"
}
}
},
seriesDefaults: {
labels: {
color: BLACK,
background: WHITE,
opacity: 0.5
},
errorBars: {
color: "#293135"
},
candlestick: {
downColor: "#c4d0d5",
line: {
color: "#9aabb2"
}
},
waterfall: {
line: {
color: "#9aabb2"
}
},
horizontalWaterfall: {
line: {
color: "#9aabb2"
}
},
notes: {
icon: {
background: "transparent",
border: {
color: "#9aabb2"
}
},
label: {
color: "#293135"
},
line: {
color: "#9aabb2"
}
}
},
seriesColors: ["#0069a5", "#0098ee", "#7bd2f6", "#ffb800", "#ff8517", "#e34a00"],
axisDefaults: {
line: {
color: "#9aabb2"
},
labels: {
color: "#293135"
},
majorGridLines: {
color: "#c4d0d5"
},
minorGridLines: {
color: "#edf1f2"
},
title: {
color: "#293135"
},
crosshair: {
color: "#9aabb2"
},
notes: {
icon: {
background: "transparent",
border: {
color: "#9aabb2"
}
},
label: {
color: "#293135"
},
line: {
color: "#9aabb2"
}
}
}
},
gauge: {
pointer: {
color: "#005c83"
},
scale: {
rangePlaceholderColor: "#daecf4",
labels: {
color: "#293135"
},
minorTicks: {
color: "#293135"
},
majorTicks: {
color: "#293135"
},
line: {
color: "#293135"
}
}
},
diagram: {
shapeDefaults: {
fill: {
color: "#7ec6e3"
},
connectorDefaults: {
fill: {
color: "#003f59"
},
stroke: {
color: WHITE
},
hover: {
fill: {
color: WHITE
},
stroke: {
color: "#003f59"
}
}
},
content: {
color: "#293135"
}
},
editable: {
resize: {
handles: {
fill: {
color: WHITE
},
stroke: {
color: "#003f59"
},
hover: {
fill: {
color: "#003f59"
},
stroke: {
color: "#003f59"
}
}
}
},
rotate: {
thumb: {
stroke: {
color: "#003f59"
},
fill: {
color: "#003f59"
}
}
}
},
selectable: {
stroke: {
color: "#003f59"
}
},
connectionDefaults: {
stroke: {
color: "#003f59"
},
content: {
color: "#293135"
},
selection: {
handles: {
fill: {
color: "#3d3d3d"
},
stroke: {
color: "#efefef"
}
}
}
}
},
treeMap: {
colors: [
["#0069a5", "#bad7e7"],
["#0098ee", "#b9e0f5"],
["#7bd2f6", "#ceeaf6"],
["#ffb800", "#e6e3c4"],
["#ff8517", "#e4d8c8"],
["#e34a00", "#ddccc2"]
]
}
});
registerTheme("highcontrast", {
chart: {
title: {
color: "#ffffff"
},
legend: {
labels: {
color: "#ffffff"
},
inactiveItems: {
labels: {
color: "#66465B"
},
markers: {
color: "#66465B"
}
}
},
seriesDefaults: {
labels: {
color: "#ffffff"
},
errorBars: {
color: "#ffffff"
},
notes: {
icon: {
background: "transparent",
border: {
color: "#ffffff"
}
},
label: {
color: "#ffffff"
},
line: {
color: "#ffffff"
}
},
pie: {
overlay: {
gradient: "sharpGlass"
}
},
donut: {
overlay: {
gradient: "sharpGlass"
}
},
line: {
markers: {
background: "#2c232b"
}
},
scatter: {
markers: {
background: "#2c232b"
}
},
scatterLine: {
markers: {
background: "#2c232b"
}
},
area: {
opacity: 0.5
},
waterfall: {
line: {
color: "#ffffff"
}
},
horizontalWaterfall: {
line: {
color: "#ffffff"
}
},
candlestick: {
downColor: "#664e62",
line: {
color: "#ffffff"
},
border: {
_brightness: 1.5,
opacity: 1
},
highlight: {
border: {
color: "#ffffff",
opacity: 1
}
}
},
ohlc: {
line: {
color: "#ffffff"
}
}
},
chartArea: {
background: "#2c232b"
},
seriesColors: ["#a7008f", "#ffb800", "#3aafff", "#99c900", "#b20753", "#ff4195"],
axisDefaults: {
line: {
color: "#ffffff"
},
labels: {
color: "#ffffff"
},
majorGridLines: {
color: "#664e62"
},
minorGridLines: {
color: "#4f394b"
},
title: {
color: "#ffffff"
},
crosshair: {
color: "#ffffff"
},
notes: {
icon: {
background: "transparent",
border: {
color: "#ffffff"
}
},
label: {
color: "#ffffff"
},
line: {
color: "#ffffff"
}
}
}
},
gauge: {
pointer: {
color: "#a7008f"
},
scale: {
rangePlaceholderColor: "#2c232b",
labels: {
color: "#ffffff"
},
minorTicks: {
color: "#2c232b"
},
majorTicks: {
color: "#664e62"
},
line: {
color: "#ffffff"
}
}
},
diagram: {
shapeDefaults: {
fill: {
color: "#a7018f"
},
connectorDefaults: {
fill: {
color: WHITE
},
stroke: {
color: "#2c232b"
},
hover: {
fill: {
color: "#2c232b"
},
stroke: {
color: WHITE
}
}
},
content: {
color: WHITE
}
},
editable: {
resize: {
handles: {
fill: {
color: "#2c232b"
},
stroke: {
color: WHITE
},
hover: {
fill: {
color: WHITE
},
stroke: {
color: WHITE
}
}
}
},
rotate: {
thumb: {
stroke: {
color: WHITE
},
fill: {
color: WHITE
}
}
}
},
selectable: {
stroke: {
color: WHITE
}
},
connectionDefaults: {
stroke: {
color: WHITE
},
content: {
color: WHITE
},
selection: {
handles: {
fill: {
color: "#2c232b"
},
stroke: {
color: WHITE
}
}
}
}
},
treeMap: {
colors: [
["#a7008f", "#451c3f"],
["#ffb800", "#564122"],
["#3aafff", "#2f3f55"],
["#99c900", "#424422"],
["#b20753", "#471d33"],
["#ff4195", "#562940"]
]
}
});
registerTheme("default", {
chart: {
title: {
color: "#8e8e8e"
},
legend: {
labels: {
color: "#232323"
},
inactiveItems: {
labels: {
color: "#919191"
},
markers: {
color: "#919191"
}
}
},
seriesDefaults: {
labels: {
color: BLACK,
background: WHITE,
opacity: 0.5
},
errorBars: {
color: "#232323"
},
candlestick: {
downColor: "#dedede",
line: {
color: "#8d8d8d"
}
},
waterfall: {
line: {
color: "#8e8e8e"
}
},
horizontalWaterfall: {
line: {
color: "#8e8e8e"
}
},
notes: {
icon: {
background: "transparent",
border: {
color: "#8e8e8e"
}
},
label: {
color: "#232323"
},
line: {
color: "#8e8e8e"
}
}
},
seriesColors: ["#ff6800", "#a0a700", "#ff8d00", "#678900", "#ffb53c", "#396000"],
axisDefaults: {
line: {
color: "#8e8e8e"
},
labels: {
color: "#232323"
},
minorGridLines: {
color: "#f0f0f0"
},
majorGridLines: {
color: "#dfdfdf"
},
title: {
color: "#232323"
},
crosshair: {
color: "#8e8e8e"
},
notes: {
icon: {
background: "transparent",
border: {
color: "#8e8e8e"
}
},
label: {
color: "#232323"
},
line: {
color: "#8e8e8e"
}
}
}
},
gauge: {
pointer: {
color: "#ea7001"
},
scale: {
rangePlaceholderColor: "#dedede",
labels: {
color: "#2e2e2e"
},
minorTicks: {
color: "#2e2e2e"
},
majorTicks: {
color: "#2e2e2e"
},
line: {
color: "#2e2e2e"
}
}
},
diagram: {
shapeDefaults: {
fill: {
color: "#e15613"
},
connectorDefaults: {
fill: {
color: "#282828"
},
stroke: {
color: WHITE
},
hover: {
fill: {
color: WHITE
},
stroke: {
color: "#282828"
}
}
},
content: {
color: "#2e2e2e"
}
},
editable: {
resize: {
handles: {
fill: {
color: WHITE
},
stroke: {
color: "#282828"
},
hover: {
fill: {
color: "#282828"
},
stroke: {
color: "#282828"
}
}
}
},
rotate: {
thumb: {
stroke: {
color: "#282828"
},
fill: {
color: "#282828"
}
}
}
},
selectable: {
stroke: {
color: "#a7018f"
}
},
connectionDefaults: {
stroke: {
color: "#282828"
},
content: {
color: "#2e2e2e"
},
selection: {
handles: {
fill: {
color: WHITE
},
stroke: {
color: "#282828"
}
}
}
}
},
treeMap: {
colors: [
["#ff6800", "#edcfba"],
["#a0a700", "#dadcba"],
["#ff8d00", "#edd7ba"],
["#678900", "#cfd6ba"],
["#ffb53c", "#eddfc6"],
["#396000", "#c6ceba"]
]
}
});
registerTheme("silver", {
chart: {
title: {
color: "#4e5968"
},
legend: {
labels: {
color: "#4e5968"
},
inactiveItems: {
labels: {
color: "#B1BCC8"
},
markers: {
color: "#B1BCC8"
}
}
},
seriesDefaults: {
labels: {
color: "#293135",
background: "#eaeaec",
opacity: 0.5
},
errorBars: {
color: "#4e5968"
},
notes: {
icon: {
background: "transparent",
border: {
color: "#4e5968"
}
},
label: {
color: "#4e5968"
},
line: {
color: "#4e5968"
}
},
line: {
markers: {
background: "#eaeaec"
}
},
scatter: {
markers: {
background: "#eaeaec"
}
},
scatterLine: {
markers: {
background: "#eaeaec"
}
},
pie: {
connectors: {
color: "#A6B1C0"
}
},
donut: {
connectors: {
color: "#A6B1C0"
}
},
waterfall: {
line: {
color: "#a6b1c0"
}
},
horizontalWaterfall: {
line: {
color: "#a6b1c0"
}
},
candlestick: {
downColor: "#a6afbe"
}
},
chartArea: {
background: "#eaeaec"
},
seriesColors: ["#007bc3", "#76b800", "#ffae00", "#ef4c00", "#a419b7", "#430B62"],
axisDefaults: {
line: {
color: "#a6b1c0"
},
labels: {
color: "#4e5968"
},
majorGridLines: {
color: "#dcdcdf"
},
minorGridLines: {
color: "#eeeeef"
},
title: {
color: "#4e5968"
},
crosshair: {
color: "#a6b1c0"
},
notes: {
icon: {
background: "transparent",
border: {
color: "#4e5968"
}
},
label: {
color: "#4e5968"
},
line: {
color: "#4e5968"
}
}
}
},
gauge: {
pointer: {
color: "#0879c0"
},
scale: {
rangePlaceholderColor: "#f3f3f4",
labels: {
color: "#515967"
},
minorTicks: {
color: "#515967"
},
majorTicks: {
color: "#515967"
},
line: {
color: "#515967"
}
}
},
diagram: {
shapeDefaults: {
fill: {
color: "#1c82c2"
},
connectorDefaults: {
fill: {
color: "#515967"
},
stroke: {
color: WHITE
},
hover: {
fill: {
color: WHITE
},
stroke: {
color: "#282828"
}
}
},
content: {
color: "#515967"
}
},
editable: {
resize: {
handles: {
fill: {
color: WHITE
},
stroke: {
color: "#515967"
},
hover: {
fill: {
color: "#515967"
},
stroke: {
color: "#515967"
}
}
}
},
rotate: {
thumb: {
stroke: {
color: "#515967"
},
fill: {
color: "#515967"
}
}
}
},
selectable: {
stroke: {
color: "#515967"
}
},
connectionDefaults: {
stroke: {
color: "#515967"
},
content: {
color: "#515967"
},
selection: {
handles: {
fill: {
color: WHITE
},
stroke: {
color: "#515967"
}
}
}
}
},
treeMap: {
colors: [
["#007bc3", "#c2dbea"],
["#76b800", "#dae7c3"],
["#ffae00", "#f5e5c3"],
["#ef4c00", "#f2d2c3"],
["#a419b7", "#e3c7e8"],
["#430b62", "#d0c5d7"]
]
}
});
registerTheme("metro", {
chart: {
title: {
color: "#777777"
},
legend: {
labels: {
color: "#777777"
},
inactiveItems: {
labels: {
color: "#CBCBCB"
},
markers: {
color: "#CBCBCB"
}
}
},
seriesDefaults: {
labels: {
color: BLACK
},
errorBars: {
color: "#777777"
},
notes: {
icon: {
background: "transparent",
border: {
color: "#777777"
}
},
label: {
color: "#777777"
},
line: {
color: "#777777"
}
},
candlestick: {
downColor: "#c7c7c7",
line: {
color: "#787878"
}
},
waterfall: {
line: {
color: "#c7c7c7"
}
},
horizontalWaterfall: {
line: {
color: "#c7c7c7"
}
},
overlay: {
gradient: "none"
},
border: {
_brightness: 1
}
},
seriesColors: ["#8ebc00", "#309b46", "#25a0da", "#ff6900", "#e61e26", "#d8e404", "#16aba9", "#7e51a1", "#313131", "#ed1691"],
axisDefaults: {
line: {
color: "#c7c7c7"
},
labels: {
color: "#777777"
},
minorGridLines: {
color: "#c7c7c7"
},
majorGridLines: {
color: "#c7c7c7"
},
title: {
color: "#777777"
},
crosshair: {
color: "#c7c7c7"
},
notes: {
icon: {
background: "transparent",
border: {
color: "#777777"
}
},
label: {
color: "#777777"
},
line: {
color: "#777777"
}
}
}
},
gauge: {
pointer: {
color: "#8ebc00"
},
scale: {
rangePlaceholderColor: "#e6e6e6",
labels: {
color: "#777"
},
minorTicks: {
color: "#777"
},
majorTicks: {
color: "#777"
},
line: {
color: "#777"
}
}
},
diagram: {
shapeDefaults: {
fill: {
color: "#8ebc00"
},
connectorDefaults: {
fill: {
color: BLACK
},
stroke: {
color: WHITE
},
hover: {
fill: {
color: WHITE
},
stroke: {
color: BLACK
}
}
},
content: {
color: "#777"
}
},
editable: {
resize: {
handles: {
fill: {
color: WHITE
},
stroke: {
color: "#787878"
},
hover: {
fill: {
color: "#787878"
},
stroke: {
color: "#787878"
}
}
}
},
rotate: {
thumb: {
stroke: {
color: "#787878"
},
fill: {
color: "#787878"
}
}
}
},
selectable: {
stroke: {
color: "#515967"
}
},
connectionDefaults: {
stroke: {
color: "#787878"
},
content: {
color: "#777"
},
selection: {
handles: {
fill: {
color: WHITE
},
stroke: {
color: "#787878"
}
}
}
}
},
treeMap: {
colors: [
["#8ebc00", "#e8f2cc"],
["#309b46", "#d6ebda"],
["#25a0da", "#d3ecf8"],
["#ff6900", "#ffe1cc"],
["#e61e26", "#fad2d4"],
["#d8e404", "#f7facd"],
["#16aba9", "#d0eeee"],
["#7e51a1", "#e5dcec"],
["#313131", "#d6d6d6"],
["#ed1691", "#fbd0e9"]
]
}
});
registerTheme("metroblack", {
chart: {
title: {
color: "#ffffff"
},
legend: {
labels: {
color: "#ffffff"
},
inactiveItems: {
labels: {
color: "#797979"
},
markers: {
color: "#797979"
}
}
},
seriesDefaults: {
border: {
_brightness: 1
},
labels: {
color: "#ffffff"
},
errorBars: {
color: "#ffffff"
},
notes: {
icon: {
background: "transparent",
border: {
color: "#cecece"
}
},
label: {
color: "#ffffff"
},
line: {
color: "#cecece"
}
},
line: {
markers: {
background: "#0e0e0e"
}
},
bubble: {
opacity: 0.6
},
scatter: {
markers: {
background: "#0e0e0e"
}
},
scatterLine: {
markers: {
background: "#0e0e0e"
}
},
candlestick: {
downColor: "#828282",
line: {
color: "#ffffff"
}
},
waterfall: {
line: {
color: "#cecece"
}
},
horizontalWaterfall: {
line: {
color: "#cecece"
}
},
overlay: {
gradient: "none"
}
},
chartArea: {
background: "#0e0e0e"
},
seriesColors: ["#00aba9", "#309b46", "#8ebc00", "#ff6900", "#e61e26", "#d8e404", "#25a0da", "#7e51a1", "#313131", "#ed1691"],
axisDefaults: {
line: {
color: "#cecece"
},
labels: {
color: "#ffffff"
},
minorGridLines: {
color: "#2d2d2d"
},
majorGridLines: {
color: "#333333"
},
title: {
color: "#ffffff"
},
crosshair: {
color: "#cecece"
},
notes: {
icon: {
background: "transparent",
border: {
color: "#cecece"
}
},
label: {
color: "#ffffff"
},
line: {
color: "#cecece"
}
}
}
},
gauge: {
pointer: {
color: "#00aba9"
},
scale: {
rangePlaceholderColor: "#2d2d2d",
labels: {
color: "#ffffff"
},
minorTicks: {
color: "#333333"
},
majorTicks: {
color: "#cecece"
},
line: {
color: "#cecece"
}
}
},
diagram: {
shapeDefaults: {
fill: {
color: "#00aba9"
},
connectorDefaults: {
fill: {
color: WHITE
},
stroke: {
color: "#0e0e0e"
},
hover: {
fill: {
color: "#0e0e0e"
},
stroke: {
color: WHITE
}
}
},
content: {
color: WHITE
}
},
editable: {
resize: {
handles: {
fill: {
color: "#0e0e0e"
},
stroke: {
col