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