Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /**
- * Colors
- */
- colors = {
- lilac: {
- vivid: {
- '500': #CE85F2
- }
- },
- purple: {
- vivid: {
- '500': #D94CB6,
- '600': #CC47CC
- },
- fade: {
- '300': #CD83D4,
- '500': #A05BA6,
- '900': #563159
- }
- },
- red: {
- vivid: {
- '500': #E63948,
- '600': #D92B48
- },
- fade: {
- '500': #A65368
- }
- },
- orange: {
- vivid: {
- '500': #F2642C
- }
- },
- amber: {
- vivid: {
- '500': #F29718
- }
- },
- yellow: {
- vivid: {
- '500': #F2CE18,
- '600': #F7D00C
- },
- fade: {
- '300': #F7D00C,
- '500': #A65368,
- '900': #594F31
- }
- },
- lemon: {
- vivid: {
- '500': #F2F23D,
- }
- },
- lime: {
- vivid: {
- '500': #99BF26
- }
- },
- green: {
- vivid: {
- '500': #09B36C,
- '600': #089950
- },
- fade: {
- '400': #659E78,
- '500': #4D805E,
- '800': #375C43
- }
- },
- cyan: {
- vivid: {
- '500': #16D9D9
- }
- },
- blue: {
- vivid: {
- '500': #17ABE6,
- '600': #1698D9,
- },
- fade: {
- '400': #6A9FC4,
- '500': #5383A6,
- '800': #395B73
- }
- },
- indigo: {
- vivid: {
- '500': #616DF2
- }
- },
- violet: {
- vivid: {
- '500': #9130F2
- }
- },
- blueberry: {
- vivid: {
- '500': #566273
- }
- },
- ash: {
- vivid: {
- '500': #807D79
- }
- },
- graphite: {
- vivid: {
- '500': #595056
- }
- },
- paper: {
- fade: {
- '100': #F8F8F0,
- '200': #F2F2E6,
- '300': #E8E8DC,
- '400': #DEDED3,
- '500': #D4D4C9,
- '600': #BFBFB6
- }
- },
- ink: {
- fade: {
- '400': #4D4941,
- '500': #383530,
- '600': #2E2C27,
- '700': #24221E,
- '800': #1A1816,
- '900': #0F0F0D
- }
- },
- gray: {
- fade: {
- '500': #736E65
- }
- },
- white: #fff,
- black: #000
- }
- colors.named = {
- text: colors.gray.fade['500'],
- background: colors.ink.fade['800'],
- trend: colors.purple.fade['500'],
- indicator: {
- ok: colors.ink.fade['600'],
- good: colors.green.vivid['600'],
- warning: colors.yellow.vivid['600'],
- alarm: colors.red.vivid['600'],
- panic: colors.red.vivid['600'],
- error: colors.red.fade['500'],
- none: colors.ink.fade['600']
- },
- chartIndicator: {
- min: colors.red.vivid['600'],
- max: colors.green.vivid['600'],
- trend: colors.purple.vivid['600'],
- current: colors.paper.fade['200'],
- schedule: colors.blue.vivid['600'],
- },
- context: {
- fact: colors.paper.fade['200'],
- estimate: colors.blue.fade['500'],
- outdate: colors.gray.fade['500'],
- incorrect: colors.red.fade['500']
- },
- chart: {
- lilac: colors.lilac.vivid['500'],
- purple: colors.purple.vivid['500'],
- red: colors.red.vivid['500'],
- orange: colors.orange.vivid['500'],
- amber: colors.amber.vivid['500'],
- yellow: colors.yellow.vivid['500'],
- lemon: colors.lemon.vivid['500'],
- lime: colors.lime.vivid['500'],
- green: colors.green.vivid['500'],
- cyan: colors.cyan.vivid['500'],
- blue: colors.blue.vivid['500'],
- indigo: colors.indigo.vivid['500'],
- violet: colors.violet.vivid['500'],
- blueberry: colors.blueberry.vivid['500'],
- ash: colors.ash.vivid['500'],
- graphite: colors.graphite.vivid['500'],
- }
- }
Add Comment
Please, Sign In to add comment