Guest User

Untitled

a guest
Mar 22nd, 2018
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.85 KB | None | 0 0
  1. /**
  2. * Colors
  3. */
  4.  
  5. colors = {
  6. lilac: {
  7. vivid: {
  8. '500': #CE85F2
  9. }
  10. },
  11. purple: {
  12. vivid: {
  13. '500': #D94CB6,
  14. '600': #CC47CC
  15. },
  16. fade: {
  17. '300': #CD83D4,
  18. '500': #A05BA6,
  19. '900': #563159
  20. }
  21. },
  22. red: {
  23. vivid: {
  24. '500': #E63948,
  25. '600': #D92B48
  26. },
  27. fade: {
  28. '500': #A65368
  29. }
  30. },
  31. orange: {
  32. vivid: {
  33. '500': #F2642C
  34. }
  35. },
  36. amber: {
  37. vivid: {
  38. '500': #F29718
  39. }
  40. },
  41. yellow: {
  42. vivid: {
  43. '500': #F2CE18,
  44. '600': #F7D00C
  45. },
  46. fade: {
  47. '300': #F7D00C,
  48. '500': #A65368,
  49. '900': #594F31
  50. }
  51. },
  52. lemon: {
  53. vivid: {
  54. '500': #F2F23D,
  55. }
  56. },
  57. lime: {
  58. vivid: {
  59. '500': #99BF26
  60. }
  61. },
  62. green: {
  63. vivid: {
  64. '500': #09B36C,
  65. '600': #089950
  66. },
  67. fade: {
  68. '400': #659E78,
  69. '500': #4D805E,
  70. '800': #375C43
  71. }
  72. },
  73. cyan: {
  74. vivid: {
  75. '500': #16D9D9
  76. }
  77. },
  78. blue: {
  79. vivid: {
  80. '500': #17ABE6,
  81. '600': #1698D9,
  82. },
  83. fade: {
  84. '400': #6A9FC4,
  85. '500': #5383A6,
  86. '800': #395B73
  87. }
  88. },
  89. indigo: {
  90. vivid: {
  91. '500': #616DF2
  92. }
  93. },
  94. violet: {
  95. vivid: {
  96. '500': #9130F2
  97. }
  98. },
  99. blueberry: {
  100. vivid: {
  101. '500': #566273
  102. }
  103. },
  104. ash: {
  105. vivid: {
  106. '500': #807D79
  107. }
  108. },
  109. graphite: {
  110. vivid: {
  111. '500': #595056
  112. }
  113. },
  114. paper: {
  115. fade: {
  116. '100': #F8F8F0,
  117. '200': #F2F2E6,
  118. '300': #E8E8DC,
  119. '400': #DEDED3,
  120. '500': #D4D4C9,
  121. '600': #BFBFB6
  122. }
  123. },
  124. ink: {
  125. fade: {
  126. '400': #4D4941,
  127. '500': #383530,
  128. '600': #2E2C27,
  129. '700': #24221E,
  130. '800': #1A1816,
  131. '900': #0F0F0D
  132. }
  133. },
  134. gray: {
  135. fade: {
  136. '500': #736E65
  137. }
  138. },
  139. white: #fff,
  140. black: #000
  141. }
  142.  
  143. colors.named = {
  144. text: colors.gray.fade['500'],
  145. background: colors.ink.fade['800'],
  146. trend: colors.purple.fade['500'],
  147. indicator: {
  148. ok: colors.ink.fade['600'],
  149. good: colors.green.vivid['600'],
  150. warning: colors.yellow.vivid['600'],
  151. alarm: colors.red.vivid['600'],
  152. panic: colors.red.vivid['600'],
  153. error: colors.red.fade['500'],
  154. none: colors.ink.fade['600']
  155. },
  156. chartIndicator: {
  157. min: colors.red.vivid['600'],
  158. max: colors.green.vivid['600'],
  159. trend: colors.purple.vivid['600'],
  160. current: colors.paper.fade['200'],
  161. schedule: colors.blue.vivid['600'],
  162. },
  163. context: {
  164. fact: colors.paper.fade['200'],
  165. estimate: colors.blue.fade['500'],
  166. outdate: colors.gray.fade['500'],
  167. incorrect: colors.red.fade['500']
  168. },
  169. chart: {
  170. lilac: colors.lilac.vivid['500'],
  171. purple: colors.purple.vivid['500'],
  172. red: colors.red.vivid['500'],
  173. orange: colors.orange.vivid['500'],
  174. amber: colors.amber.vivid['500'],
  175. yellow: colors.yellow.vivid['500'],
  176. lemon: colors.lemon.vivid['500'],
  177. lime: colors.lime.vivid['500'],
  178. green: colors.green.vivid['500'],
  179. cyan: colors.cyan.vivid['500'],
  180. blue: colors.blue.vivid['500'],
  181. indigo: colors.indigo.vivid['500'],
  182. violet: colors.violet.vivid['500'],
  183. blueberry: colors.blueberry.vivid['500'],
  184. ash: colors.ash.vivid['500'],
  185. graphite: colors.graphite.vivid['500'],
  186. }
  187. }
Add Comment
Please, Sign In to add comment