@elastic/charts
Version:
Elastic-Charts data visualization library
471 lines • 13.5 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.LEGACY_LIGHT_THEME = void 0;
const legacy_colors_1 = require("./legacy_colors");
const merge_utils_1 = require("./merge_utils");
const theme_common_1 = require("./theme_common");
const theme_1 = require("../../chart_types/bullet_graph/theme");
const colors_1 = require("../../common/colors");
const constants_1 = require("../../common/constants");
const common_1 = require("../common");
exports.LEGACY_LIGHT_THEME = {
chartPaddings: theme_common_1.LEGACY_CHART_PADDING,
chartMargins: theme_common_1.LEGACY_CHART_MARGINS,
lineSeriesStyle: {
line: {
visible: true,
strokeWidth: 1,
opacity: 1,
dimmed: { opacity: 0.25 },
focused: { strokeWidth: 1 },
},
point: {
visible: 'always',
strokeWidth: 1,
stroke: common_1.ColorVariant.Series,
fill: colors_1.Colors.White.keyword,
radius: 2,
opacity: 1,
dimmed: { opacity: 0.25 },
},
isolatedPoint: {
enabled: true,
visible: 'always',
stroke: common_1.ColorVariant.Series,
strokeWidth: 1,
fill: colors_1.Colors.White.keyword,
opacity: 1,
},
fit: {
line: {
opacity: 1,
visible: true,
dash: [5, 5],
stroke: common_1.ColorVariant.Series,
},
},
pointVisibilityMinDistance: 40,
},
bubbleSeriesStyle: {
point: {
visible: 'always',
strokeWidth: 1,
fill: colors_1.Colors.White.keyword,
radius: 2,
opacity: 1,
dimmed: { opacity: 0.25 },
},
},
areaSeriesStyle: {
area: {
visible: true,
opacity: 0.3,
dimmed: { opacity: 0.25 },
},
line: {
visible: true,
strokeWidth: 1,
opacity: 1,
dimmed: { opacity: 0.25 },
focused: { strokeWidth: 1 },
},
point: {
visible: 'never',
stroke: common_1.ColorVariant.Series,
strokeWidth: 1,
fill: colors_1.Colors.White.keyword,
radius: 2,
opacity: 1,
dimmed: { opacity: 0.25 },
},
isolatedPoint: {
enabled: true,
visible: 'always',
stroke: common_1.ColorVariant.Series,
strokeWidth: 1,
fill: colors_1.Colors.White.keyword,
opacity: 1,
},
fit: {
line: {
visible: true,
dash: [5, 5],
stroke: common_1.ColorVariant.Series,
opacity: 1,
},
area: {
visible: true,
opacity: 0.15,
fill: common_1.ColorVariant.Series,
},
},
pointVisibilityMinDistance: 20,
},
barSeriesStyle: {
rect: {
opacity: 1,
dimmed: { opacity: 0.25 },
},
rectBorder: {
visible: false,
strokeWidth: 1,
},
displayValue: {
fontSize: 8,
fontStyle: 'normal',
fontFamily: 'sans-serif',
padding: 0,
fill: '#777',
offsetX: 0,
offsetY: 0,
},
},
arcSeriesStyle: {
arc: {
visible: true,
stroke: colors_1.Colors.Black.keyword,
strokeWidth: 1,
opacity: 1,
},
},
sharedStyle: theme_common_1.DEFAULT_GEOMETRY_STYLES,
scales: {
barsPadding: 0.25,
histogramPadding: 0.05,
},
axes: {
axisTitle: {
visible: true,
fontSize: 12,
fontFamily: 'sans-serif',
padding: {
inner: 8,
outer: 0,
},
fill: '#333',
},
axisPanelTitle: {
visible: true,
fontSize: 10,
fontFamily: 'sans-serif',
padding: {
inner: 8,
outer: 0,
},
fill: '#333',
},
axisLine: {
visible: true,
stroke: '#eaeaea',
strokeWidth: 1,
},
tickLabel: {
visible: true,
fontSize: 10,
fontFamily: 'sans-serif',
fontStyle: 'normal',
fill: '#777',
padding: 0,
rotation: 0,
offset: {
x: 0,
y: 0,
reference: 'local',
},
alignment: {
vertical: 'near',
horizontal: 'near',
},
},
tickLine: {
visible: true,
stroke: '#eaeaea',
strokeWidth: 1,
size: 10,
padding: 10,
},
gridLine: {
horizontal: {
visible: false,
stroke: '#D3DAE6',
strokeWidth: 1,
opacity: 1,
dash: [0, 0],
},
vertical: {
visible: false,
stroke: '#D3DAE6',
strokeWidth: 1,
opacity: 1,
dash: [0, 0],
},
},
},
colors: {
vizColors: legacy_colors_1.palettes.echPaletteColorBlind.colors,
defaultVizColor: theme_common_1.DEFAULT_MISSING_COLOR,
},
legend: {
verticalWidth: 200,
horizontalHeight: 64,
spacingBuffer: 10,
margin: 0,
labelOptions: {
maxLines: 1,
widthLimit: 250,
},
},
crosshair: {
band: {
fill: '#F5F5F5',
visible: true,
},
line: {
stroke: '#98A2B3',
strokeWidth: 1,
visible: true,
},
crossLine: {
stroke: '#98A2B3',
strokeWidth: 1,
dash: [5, 5],
visible: true,
},
},
background: {
color: colors_1.Colors.Transparent.keyword,
fallbackColor: colors_1.Colors.White.keyword,
},
goal: {
minFontSize: 8,
maxFontSize: 64,
maxCircularSize: 360,
maxBulletSize: 500,
barThicknessMinSizeRatio: 1 / 10,
baselineArcThickness: 32,
baselineBarThickness: 32,
marginRatio: 0.05,
maxTickFontSize: 24,
maxLabelFontSize: 32,
maxCentralFontSize: 38,
arcBoxSamplePitch: (5 / 360) * constants_1.TAU,
capturePad: 16,
tickLabel: {
fontStyle: 'normal',
fontFamily: 'sans-serif',
fill: colors_1.Colors.Black.keyword,
},
majorLabel: {
fontStyle: 'normal',
fontFamily: 'sans-serif',
fill: colors_1.Colors.Black.keyword,
},
minorLabel: {
fontStyle: 'normal',
fontFamily: 'sans-serif',
fill: colors_1.Colors.Black.keyword,
},
majorCenterLabel: {
fontStyle: 'normal',
fontFamily: 'sans-serif',
fill: colors_1.Colors.Black.keyword,
},
minorCenterLabel: {
fontStyle: 'normal',
fontFamily: 'sans-serif',
fill: colors_1.Colors.Black.keyword,
},
targetLine: {
stroke: colors_1.Colors.Black.keyword,
},
tickLine: {
stroke: 'darkgrey',
},
progressLine: {
stroke: colors_1.Colors.Black.keyword,
},
},
partition: {
outerSizeRatio: 1 / constants_1.GOLDEN_RATIO,
emptySizeRatio: 0,
fontFamily: 'Sans-Serif',
minFontSize: 8,
maxFontSize: 64,
idealFontSizeJump: 1.05,
maximizeFontSize: false,
circlePadding: 2,
radialPadding: constants_1.TAU / 360,
horizontalTextAngleThreshold: constants_1.TAU / 12,
horizontalTextEnforcer: 1,
fillLabel: {
textColor: common_1.ColorVariant.Adaptive,
fontFamily: 'Sans-Serif',
fontStyle: 'normal',
fontVariant: 'normal',
fontWeight: 400,
valueFont: {
fontWeight: 400,
fontStyle: 'normal',
fontVariant: 'normal',
},
padding: 2,
clipText: false,
},
linkLabel: {
maximumSection: 10,
fontFamily: 'Sans-Serif',
fontSize: 12,
fontStyle: 'normal',
fontVariant: 'normal',
fontWeight: 400,
gap: 10,
spacing: 2,
horizontalStemLength: 10,
radiusPadding: 10,
lineWidth: 1,
maxCount: 36,
maxTextLength: 100,
textColor: common_1.ColorVariant.Adaptive,
minimumStemLength: 0,
stemAngle: constants_1.TAU / 8,
padding: 0,
valueFont: {
fontWeight: 400,
fontStyle: 'normal',
fontVariant: 'normal',
},
},
sectorLineWidth: 1,
sectorLineStroke: 'white',
dimmed: { opacity: 0.25 },
},
heatmap: {
brushArea: {
visible: true,
stroke: '#69707D',
strokeWidth: 2,
},
brushMask: {
visible: true,
fill: '#73737380',
},
brushTool: {
visible: false,
fill: 'gray',
},
xAxisLabel: {
visible: true,
fontSize: 12,
fontFamily: 'Sans-Serif',
fontStyle: 'normal',
textColor: colors_1.Colors.Black.keyword,
fontVariant: 'normal',
fontWeight: 'normal',
padding: { top: 5, bottom: 5, left: 5, right: 5 },
rotation: 0,
},
yAxisLabel: {
visible: true,
width: 'auto',
fontSize: 12,
fontFamily: 'Sans-Serif',
fontStyle: 'normal',
textColor: colors_1.Colors.Black.keyword,
fontVariant: 'normal',
fontWeight: 'normal',
padding: { top: 5, bottom: 5, left: 5, right: 5 },
},
grid: {
stroke: {
width: 1,
color: 'gray',
},
},
cell: {
maxWidth: 'fill',
maxHeight: 'fill',
align: 'center',
label: {
visible: true,
maxWidth: 'fill',
minFontSize: 8,
maxFontSize: 12,
fontFamily: 'Sans-Serif',
fontStyle: 'normal',
textColor: colors_1.Colors.Black.keyword,
fontVariant: 'normal',
fontWeight: 'normal',
useGlobalMinFontSize: true,
},
border: {
strokeWidth: 1,
stroke: 'gray',
},
},
},
metric: {
fontFamily: 'Sans-Serif',
textLightColor: '#E0E5EE',
textSubtitleLightColor: '#E0E5EE',
textSubtitleDarkColor: '#343741',
textExtraLightColor: '#E0E5EE',
textExtraDarkColor: '#343741',
textDarkColor: '#343741',
valueFontSize: 'default',
minValueFontSize: 12,
titlesTextAlign: 'left',
extraTextAlign: 'right',
valueTextAlign: 'right',
valuePosition: 'bottom',
iconAlign: 'right',
border: '#EDF0F5',
barBackground: '#EDF0F5',
emptyBackground: colors_1.Colors.Transparent.keyword,
nonFiniteText: 'N/A',
minHeight: 64,
titleWeight: 500,
},
bulletGraph: theme_1.LIGHT_THEME_BULLET_STYLE,
tooltip: {
maxWidth: 500,
maxTableHeight: 120,
defaultDotColor: colors_1.Colors.Black.keyword,
},
flamegraph: {
navigation: {
textColor: 'rgb(52, 55, 65)',
buttonTextColor: 'rgb(0, 97, 166)',
buttonDisabledTextColor: 'rgb(162, 171, 186)',
buttonBackgroundColor: 'rgb(204, 228, 245)',
buttonDisabledBackgroundColor: 'rgba(211, 218, 230, 0.15)',
},
scrollbarThumb: 'rgb(52, 55, 65)',
scrollbarTrack: 'rgb(211, 218, 230)',
minimapFocusBorder: 'mangenta',
},
highlighter: {
point: {
opacity: 1,
fill: colors_1.Colors.White.keyword,
stroke: common_1.ColorVariant.Series,
strokeWidth: 1,
radius: 2,
onHover: {
opacity: 1,
fill: common_1.ColorVariant.None,
stroke: common_1.ColorVariant.Series,
strokeWidth: 4,
radius: 10,
},
},
},
lineAnnotation: merge_utils_1.DEFAULT_ANNOTATION_LINE_STYLE,
rectAnnotation: merge_utils_1.DEFAULT_ANNOTATION_RECT_STYLE,
brush: {
fill: colors_1.Colors.Gray.keyword,
opacity: 0.6,
stroke: colors_1.Colors.Transparent.keyword,
strokeWidth: 0,
},
};
//# sourceMappingURL=legacy_light_theme.js.map