block-explorer/webroot/amcharts/themes/dark.js
2017-06-17 08:40:39 +01:00

195 lines
No EOL
3.8 KiB
JavaScript

AmCharts.themes.dark = {
themeName: "dark",
AmChart: {
color: "#e7e7e7", backgroundColor: "#282828"
},
AmCoordinateChart: {
colors: ["#ae85c9", "#aab9f7", "#b6d2ff", "#c9e6f2", "#c9f0e1", "#e8d685", "#e0ad63", "#d48652", "#d27362", "#495fba", "#7a629b", "#8881cc"]
},
AmStockChart: {
colors: ["#639dbd", "#e8d685", "#ae85c9", "#c9f0e1", "#d48652", "#629b6d", "#719dc3", "#719dc3"]
},
AmSlicedChart: {
outlineAlpha: 1,
outlineThickness: 2,
labelTickColor: "#FFFFFF",
labelTickAlpha: 0.3,
colors: ["#495fba", "#e8d685", "#ae85c9", "#c9f0e1", "#d48652", "#629b6d", "#719dc3", "#719dc3"]
},
AmRectangularChart: {
zoomOutButtonColor: '#FFFFFF',
zoomOutButtonRollOverAlpha: 0.15,
zoomOutButtonImage: "lensWhite"
},
AxisBase: {
axisColor: "#FFFFFF",
axisAlpha: 0.3,
gridAlpha: 0.1,
gridColor: "#FFFFFF",
dashLength: 3
},
ChartScrollbar: {
backgroundColor: "#000000",
backgroundAlpha: 0.2,
graphFillAlpha: 0.2,
graphLineAlpha: 0,
graphFillColor: "#FFFFFF",
selectedGraphFillColor: "#FFFFFF",
selectedGraphFillAlpha: 0.4,
selectedGraphLineColor: "#FFFFFF",
selectedBackgroundColor: "#FFFFFF",
selectedBackgroundAlpha: 0.09,
gridAlpha: 0.15
},
ChartCursor: {
cursorColor: "#FFFFFF",
color: "#000000",
cursorAlpha: 0.5
},
AmLegend: {
color: "#e7e7e7"
},
AmGraph: {
lineAlpha: 0.9
},
GaugeArrow: {
color: "#FFFFFF",
alpha: 0.8,
nailAlpha: 0,
innerRadius: "40%",
nailRadius: 15,
startWidth: 15,
borderAlpha: 0.8,
nailBorderAlpha: 0
},
GaugeAxis: {
tickColor: "#FFFFFF",
tickAlpha: 1,
tickLength: 15,
minorTickLength: 8,
axisThickness: 3,
axisColor: '#FFFFFF',
axisAlpha: 1,
bandAlpha: 0.8
},
TrendLine: {
lineColor: "#c03246",
lineAlpha: 0.8
},
// ammap
AreasSettings: {
alpha: 0.8,
color: "#FFFFFF",
colorSolid: "#000000",
unlistedAreasAlpha: 0.4,
unlistedAreasColor: "#FFFFFF",
outlineColor: "#000000",
outlineAlpha: 0.5,
outlineThickness: 0.5,
rollOverColor: "#3c5bdc",
rollOverOutlineColor: "#000000",
selectedOutlineColor: "#000000",
selectedColor: "#f15135",
unlistedAreasOutlineColor: "#000000",
unlistedAreasOutlineAlpha: 0.5
},
LinesSettings: {
color: "#FFFFFF",
alpha: 0.8
},
ImagesSettings: {
alpha: 0.8,
labelColor: "#FFFFFF",
color: "#FFFFFF",
labelRollOverColor: "#3c5bdc"
},
ZoomControl: {
buttonFillAlpha:0.7,
buttonIconColor:"#494949"
},
SmallMap: {
mapColor: "#FFFFFF",
rectangleColor: "#FFFFFF",
backgroundColor: "#000000",
backgroundAlpha: 0.7,
borderThickness: 1,
borderAlpha: 0.8
},
// the defaults below are set using CSS syntax, you can use any existing css property
// if you don't use Stock chart, you can delete lines below
PeriodSelector: {
color: "#e7e7e7"
},
PeriodButton: {
color: "#e7e7e7",
background: "transparent",
opacity: 0.7,
border: "1px solid rgba(255, 255, 255, .15)",
MozBorderRadius: "5px",
borderRadius: "5px",
margin: "1px",
outline: "none",
boxSizing: "border-box"
},
PeriodButtonSelected: {
color: "#e7e7e7",
backgroundColor: "rgba(255, 255, 255, 0.1)",
border: "1px solid rgba(255, 255, 255, .3)",
MozBorderRadius: "5px",
borderRadius: "5px",
margin: "1px",
outline: "none",
opacity: 1,
boxSizing: "border-box"
},
PeriodInputField: {
color: "#e7e7e7",
background: "transparent",
border: "1px solid rgba(255, 255, 255, .15)",
outline: "none"
},
DataSetSelector: {
color: "#e7e7e7",
selectedBackgroundColor: "rgba(255, 255, 255, .25)",
rollOverBackgroundColor: "rgba(255, 255, 255, .15)"
},
DataSetCompareList: {
color: "#e7e7e7",
lineHeight: "100%",
boxSizing: "initial",
webkitBoxSizing: "initial",
border: "1px solid rgba(255, 255, 255, .15)"
},
DataSetSelect: {
border: "1px solid rgba(255, 255, 255, .15)",
outline: "none"
}
};