1AmCharts.themes.dark = { 2 3 themeName: "dark", 4 5 AmChart: { 6 color: "#e7e7e7", backgroundColor: "#282828" 7 }, 8 9 AmCoordinateChart: { 10 colors: ["#ae85c9", "#aab9f7", "#b6d2ff", "#c9e6f2", "#c9f0e1", "#e8d685", "#e0ad63", "#d48652", "#d27362", "#495fba", "#7a629b", "#8881cc"] 11 }, 12 13 AmStockChart: { 14 colors: ["#639dbd", "#e8d685", "#ae85c9", "#c9f0e1", "#d48652", "#629b6d", "#719dc3", "#719dc3"] 15 }, 16 17 AmSlicedChart: { 18 outlineAlpha: 1, 19 outlineThickness: 2, 20 labelTickColor: "#FFFFFF", 21 labelTickAlpha: 0.3, 22 colors: ["#495fba", "#e8d685", "#ae85c9", "#c9f0e1", "#d48652", "#629b6d", "#719dc3", "#719dc3"] 23 }, 24 25 AmRectangularChart: { 26 zoomOutButtonColor: '#FFFFFF', 27 zoomOutButtonRollOverAlpha: 0.15, 28 zoomOutButtonImage: "lensWhite" 29 }, 30 31 AxisBase: { 32 axisColor: "#FFFFFF", 33 axisAlpha: 0.3, 34 gridAlpha: 0.1, 35 gridColor: "#FFFFFF", 36 dashLength: 3 37 }, 38 39 ChartScrollbar: { 40 backgroundColor: "#000000", 41 backgroundAlpha: 0.2, 42 graphFillAlpha: 0.2, 43 graphLineAlpha: 0, 44 graphFillColor: "#FFFFFF", 45 selectedGraphFillColor: "#FFFFFF", 46 selectedGraphFillAlpha: 0.4, 47 selectedGraphLineColor: "#FFFFFF", 48 selectedBackgroundColor: "#FFFFFF", 49 selectedBackgroundAlpha: 0.09, 50 gridAlpha: 0.15 51 }, 52 53 ChartCursor: { 54 cursorColor: "#FFFFFF", 55 color: "#000000", 56 cursorAlpha: 0.5 57 }, 58 59 AmLegend: { 60 color: "#e7e7e7" 61 }, 62 63 AmGraph: { 64 lineAlpha: 0.9 65 }, 66 67 68 GaugeArrow: { 69 color: "#FFFFFF", 70 alpha: 0.8, 71 nailAlpha: 0, 72 innerRadius: "40%", 73 nailRadius: 15, 74 startWidth: 15, 75 borderAlpha: 0.8, 76 nailBorderAlpha: 0 77 }, 78 79 GaugeAxis: { 80 tickColor: "#FFFFFF", 81 tickAlpha: 1, 82 tickLength: 15, 83 minorTickLength: 8, 84 axisThickness: 3, 85 axisColor: '#FFFFFF', 86 axisAlpha: 1, 87 bandAlpha: 0.8 88 }, 89 90 TrendLine: { 91 lineColor: "#c03246", 92 lineAlpha: 0.8 93 }, 94 95 // ammap 96 AreasSettings: { 97 alpha: 0.8, 98 color: "#FFFFFF", 99 colorSolid: "#000000", 100 unlistedAreasAlpha: 0.4, 101 unlistedAreasColor: "#FFFFFF", 102 outlineColor: "#000000", 103 outlineAlpha: 0.5, 104 outlineThickness: 0.5, 105 rollOverColor: "#3c5bdc", 106 rollOverOutlineColor: "#000000", 107 selectedOutlineColor: "#000000", 108 selectedColor: "#f15135", 109 unlistedAreasOutlineColor: "#000000", 110 unlistedAreasOutlineAlpha: 0.5 111 }, 112 113 LinesSettings: { 114 color: "#FFFFFF", 115 alpha: 0.8 116 }, 117 118 ImagesSettings: { 119 alpha: 0.8, 120 labelColor: "#FFFFFF", 121 color: "#FFFFFF", 122 labelRollOverColor: "#3c5bdc" 123 }, 124 125 ZoomControl: { 126 buttonFillAlpha:0.7, 127 buttonIconColor:"#494949" 128 }, 129 130 SmallMap: { 131 mapColor: "#FFFFFF", 132 rectangleColor: "#FFFFFF", 133 backgroundColor: "#000000", 134 backgroundAlpha: 0.7, 135 borderThickness: 1, 136 borderAlpha: 0.8 137 }, 138 139 // the defaults below are set using CSS syntax, you can use any existing css property 140 // if you don't use Stock chart, you can delete lines below 141 PeriodSelector: { 142 color: "#e7e7e7" 143 }, 144 145 PeriodButton: { 146 color: "#e7e7e7", 147 background: "transparent", 148 opacity: 0.7, 149 border: "1px solid rgba(255, 255, 255, .15)", 150 MozBorderRadius: "5px", 151 borderRadius: "5px", 152 margin: "1px", 153 outline: "none", 154 boxSizing: "border-box" 155 }, 156 157 PeriodButtonSelected: { 158 color: "#e7e7e7", 159 backgroundColor: "rgba(255, 255, 255, 0.1)", 160 border: "1px solid rgba(255, 255, 255, .3)", 161 MozBorderRadius: "5px", 162 borderRadius: "5px", 163 margin: "1px", 164 outline: "none", 165 opacity: 1, 166 boxSizing: "border-box" 167 }, 168 169 PeriodInputField: { 170 color: "#e7e7e7", 171 background: "transparent", 172 border: "1px solid rgba(255, 255, 255, .15)", 173 outline: "none" 174 }, 175 176 DataSetSelector: { 177 color: "#e7e7e7", 178 selectedBackgroundColor: "rgba(255, 255, 255, .25)", 179 rollOverBackgroundColor: "rgba(255, 255, 255, .15)" 180 }, 181 182 DataSetCompareList: { 183 color: "#e7e7e7", 184 lineHeight: "100%", 185 boxSizing: "initial", 186 webkitBoxSizing: "initial", 187 border: "1px solid rgba(255, 255, 255, .15)" 188 }, 189 190 DataSetSelect: { 191 border: "1px solid rgba(255, 255, 255, .15)", 192 outline: "none" 193 } 194 195};