vue-data-ui
Version:
A user-empowering data visualization Vue 3 components library for eloquent data storytelling
480 lines (479 loc) • 8.94 kB
JavaScript
import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
//#region src/themes/vue_ui_scatter.json
var t = /* @__PURE__ */ e({
celebration: () => a,
celebrationNight: () => o,
concrete: () => l,
dark: () => i,
default: () => u,
hack: () => s,
minimal: () => n,
minimalDark: () => r,
zen: () => c
}), n = {
userOptions: { show: !1 },
style: { legend: { show: !1 } }
}, r = {
userOptions: { show: !1 },
style: {
backgroundColor: "#1A1A1A",
color: "#CCCCCC",
layout: {
axis: { stroke: "#5A5A5A" },
marginalBars: { fill: "#5A5A5A" },
plots: {
stroke: "#1A1A1A",
name: { color: "#CCCCCC" },
selectors: {
stroke: "#5A5A5A",
labels: { color: "#CCCCCC" },
markers: {
stroke: "#1A1A1A",
fill: "#5A5A5A"
}
}
},
correlation: { label: { color: "#CCCCCC" } },
dataLabels: {
xAxis: {
color: "#CCCCCC",
scales: {
labels: { color: "#CCCCCC" },
verticalLines: { stroke: "#5A5A5A" }
}
},
yAxis: {
color: "#CCCCCC",
scales: { labels: { color: "#CCCCCC" } },
horizontalLines: { stroke: "#5A5A5A" }
}
}
},
legend: {
show: !1,
backgroundColor: "#1A1A1A",
color: "#CCCCCC",
selectAllToggle: {
backgroundColor: "#3A3A3A",
color: "#CCCCCC"
}
},
title: {
color: "#CCCCCC",
subtitle: { color: "#757575" }
},
tooltip: {
backgroundColor: "#1A1A1A",
backgroundOpacity: 70,
color: "#CCCCCC",
borderColor: "#3A3A3A"
}
},
table: {
th: {
backgroundColor: "#1A1A1A",
color: "#CCCCCC"
},
td: {
backgroundColor: "#1A1A1A",
color: "#CCCCCC"
}
}
}, i = {
style: {
backgroundColor: "#1A1A1A",
color: "#CCCCCC",
layout: {
axis: { stroke: "#5A5A5A" },
marginalBars: { fill: "#5A5A5A" },
plots: {
stroke: "#1A1A1A",
name: { color: "#CCCCCC" },
selectors: {
stroke: "#5A5A5A",
labels: { color: "#CCCCCC" },
markers: {
stroke: "#1A1A1A",
fill: "#5A5A5A"
}
}
},
correlation: { label: { color: "#CCCCCC" } },
dataLabels: {
xAxis: {
color: "#CCCCCC",
scales: {
labels: { color: "#CCCCCC" },
verticalLines: { stroke: "#5A5A5A" }
}
},
yAxis: {
color: "#CCCCCC",
scales: {
labels: { color: "#CCCCCC" },
horizontalLines: { stroke: "#5A5A5A" }
}
}
}
},
legend: {
backgroundColor: "#1A1A1A",
color: "#CCCCCC",
selectAllToggle: {
backgroundColor: "#3A3A3A",
color: "#CCCCCC"
}
},
title: {
color: "#CCCCCC",
subtitle: { color: "#757575" }
},
tooltip: {
backgroundColor: "#1A1A1A",
backgroundOpacity: 70,
color: "#CCCCCC",
borderColor: "#5A5A5A"
}
},
table: {
th: {
backgroundColor: "#1A1A1A",
color: "#CCCCCC"
},
td: {
backgroundColor: "#1A1A1A",
color: "#CCCCCC"
}
}
}, a = {
style: {
backgroundColor: "#FFF8E1",
color: "#424242",
layout: {
axis: { stroke: "#5D403790" },
marginalBars: { fill: "#5D4037" },
plots: {
stroke: "#FFF8E1",
name: { color: "#424242" },
selectors: {
stroke: "#5D4037",
labels: { color: "#424242" },
markers: {
stroke: "#FFF8E1",
fill: "#D32F2F"
}
}
},
correlation: { label: { color: "#424242" } },
dataLabels: {
xAxis: {
color: "#424242",
scales: {
labels: { color: "#424242" },
verticalLines: { stroke: "#5D403790" }
}
},
yAxis: {
color: "#424242",
scales: {
labels: { color: "#424242" },
horizontalLines: { stroke: "#5D403790" }
}
}
}
},
legend: {
backgroundColor: "#FFF8E1",
color: "#424242",
selectAllToggle: {
backgroundColor: "#5D4037",
color: "#FFF8E1"
}
},
title: {
color: "#424242",
subtitle: { color: "#757575" }
},
tooltip: {
backgroundColor: "#FFECB3",
backgroundOpacity: 30,
color: "#424242",
borderColor: "#FF8A65"
}
},
table: {
th: {
backgroundColor: "#FFF8E1",
color: "#424242"
},
td: {
backgroundColor: "#FFF8E1",
color: "#424242"
}
}
}, o = {
style: {
backgroundColor: "#1E1E1E",
color: "#BDBDBD",
layout: {
axis: { stroke: "#5D4037" },
marginalBars: { fill: "#D32F2F" },
plots: {
stroke: "#1E1E1E",
name: { color: "#BDBDBD" },
selectors: {
stroke: "#BDBDBD",
labels: { color: "#BDBDBD" },
markers: {
stroke: "#BDBDBD",
fill: "#D32F2F"
}
}
},
correlation: { label: { color: "#BDBDBD" } },
dataLabels: {
xAxis: {
color: "#BDBDBD",
scales: {
labels: { color: "#BDBDBD" },
verticalLines: { stroke: "#5D403750" }
}
},
yAxis: {
color: "#BDBDBD",
scales: {
labels: { color: "#BDBDBD" },
horizontalLines: { stroke: "#5D403750" }
}
}
}
},
legend: {
backgroundColor: "#1E1E1E",
color: "#BDBDBD",
selectAllToggle: {
backgroundColor: "#3A3A3A",
color: "#BDBDBD"
}
},
title: {
color: "#FFF8E1",
subtitle: { color: "#BDBDBD" }
},
tooltip: {
backgroundColor: "#1E1E1E",
backgroundOpacity: 30,
color: "#FFF8E1",
borderColor: "#FF8A65"
}
},
table: {
th: {
backgroundColor: "#1E1E1E",
color: "#BDBDBD"
},
td: {
backgroundColor: "#1E1E1E",
color: "#BDBDBD"
}
}
}, s = {
style: {
backgroundColor: "#1A1A1A",
color: "#99AA99",
layout: {
axis: { stroke: "#334C33" },
marginalBars: { fill: "#66CC66" },
plots: {
stroke: "#1A1A1A",
name: { color: "#AACCAA" },
selectors: {
stroke: "#66CC66",
labels: { color: "#AACCAA" },
markers: {
stroke: "#66CC66",
fill: "#1A1A1A"
}
}
},
correlation: { label: { color: "#AACCAA" } },
dataLabels: {
xAxis: {
color: "#AACCAA",
scales: {
labels: { color: "#AACCAA" },
verticalLines: { stroke: "#334C3350" }
}
},
yAxis: {
color: "#AACCAA",
scales: {
labels: { color: "#AACCAA" },
horizontalLines: { stroke: "#334C3350" }
}
}
}
},
legend: {
backgroundColor: "#1A1A1A",
color: "#99AA99",
selectAllToggle: {
backgroundColor: "#3A3A3A",
color: "#99AA99"
}
},
title: {
color: "#66CC66",
subtitle: { color: "#99AA99" }
},
tooltip: {
backgroundColor: "#2A2F2A",
color: "#AACCAA",
borderColor: "#66CC66"
}
},
table: {
th: {
backgroundColor: "#1A1A1A",
color: "#99AA99"
},
td: {
backgroundColor: "#1A1A1A",
color: "#AACCAA"
}
}
}, c = {
style: {
backgroundColor: "#fbfafa",
color: "#8A9892",
layout: {
axis: { stroke: "transparent" },
marginalBars: { fill: "#B0B9A8" },
plots: {
stroke: "#fbfafa",
name: { color: "#928A98" },
selectors: {
stroke: "#4F5B75",
labels: { color: "#928A98" },
markers: {
stroke: "#4F5B75",
fill: "#fbfafa"
}
}
},
correlation: { label: { color: "#928A98" } },
dataLabels: {
xAxis: {
color: "#928A98",
scales: { labels: { color: "#928A98" } }
},
yAxis: {
color: "#928A98",
scales: { labels: { color: "#928A98" } }
}
}
},
legend: {
backgroundColor: "#fbfafa",
color: "#99AA99",
selectAllToggle: {
backgroundColor: "#E0CFC3",
color: "#8F837A"
}
},
title: {
color: "#8A9892",
subtitle: { color: "#99AA99" }
},
tooltip: {
backgroundColor: "#fbfafa",
color: "#8A9892"
}
},
table: {
th: {
backgroundColor: "#fbfafa",
color: "#8F837A"
},
td: {
backgroundColor: "#fbfafa",
color: "#8F837A"
}
}
}, l = {
style: {
backgroundColor: "#f6f6fb",
color: "#50606C",
layout: {
axis: { stroke: "#92B0B5" },
marginalBars: { fill: "#ABB1BC" },
plots: {
stroke: "#fbfafa",
name: { color: "#404C4D" },
selectors: {
stroke: "#4F5B75",
labels: { color: "#404C4D" },
markers: {
stroke: "#4F5B75",
fill: "#f6f6fb"
}
}
},
correlation: { label: { color: "#61747E" } },
dataLabels: {
xAxis: {
color: "#61747E",
scales: {
labels: { color: "#61747E" },
verticalLines: { stroke: "#92B0B590" }
}
},
yAxis: {
color: "#61747E",
scales: {
labels: { color: "#61747E" },
horizontalLines: { stroke: "#92B0B590" }
}
}
}
},
legend: {
backgroundColor: "#f6f6fb",
color: "#61747E",
selectAllToggle: {
backgroundColor: "#50606C",
color: "#f6f6fb"
}
},
title: {
color: "#50606C",
subtitle: { color: "#718890" }
},
tooltip: {
backgroundColor: "#f6f6fb",
color: "#50606C"
}
},
table: {
th: {
backgroundColor: "#f6f6fb",
color: "#50606C"
},
td: {
backgroundColor: "#f6f6fb",
color: "#50606C"
}
}
}, u = {
default: {},
minimal: n,
minimalDark: r,
dark: i,
celebration: a,
celebrationNight: o,
hack: s,
zen: c,
concrete: l
};
//#endregion
export { t as n, u as t };