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.png" }, 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: { buttonRollOverColor: "#3c5bdc", buttonFillColor: "#f15135", buttonFillAlpha: 0.8, gridBackgroundColor: "#FFFFFF", buttonBorderAlpha:0, buttonCornerRadius:2, gridAlpha:0.5, gridBackgroundColor:"#FFFFFF", homeIconFile:"homeIconWhite.gif", buttonIconAlpha:0.6, gridAlpha: 0.2, buttonSize:20 }, 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" } };