import textures from 'textures'

export const colors = ['#ffd300', '#f56d00', '#15c2e8', '#1d70b7', '#c792ca', '#ba4b7a']

export const colorTextures = {
  '#ffd300': () => {
    return textures.lines()
    .stroke('#f48335')
    .background('#f36d20')
  },
  '#f56d00': () => {
    return textures.lines()
    .stroke('#f48335')
    .background('#f36d20')
  },
  '#15c2e8': () => {
    return textures.lines()
    .stroke('#f48335')
    .background('#f36d20')
  },
  '#1d70b7': () => {
    return textures.lines()
    .stroke('#f48335')
    .background('#f36d20')
  },
  '#c792ca': () => {
    return textures.lines()
    .stroke('#f48335')
    .background('#f36d20')
  },
  '#ba4b7a': () => {
    return textures.lines()
    .stroke('#f48335')
    .background('#f36d20')
  },
}

import textures from 'textures'

export const colorTextures = {
  '#ffd300': () => {
    return textures.lines()
    .stroke('#f48335')
    .background('#f36d20')
  },
  '#f56d00': () => {
    return textures.lines()
    .stroke('#f48335')
    .background('#f36d20')
  },
  '#15c2e8': () => {
    return textures.lines()
    .stroke('#f48335')
    .background('#f36d20')
  },
  '#1d70b7': () => {
    return textures.lines()
    .stroke('#f48335')
    .background('#f36d20')
  },
  '#c792ca': () => {
    return textures.lines()
    .stroke('#f48335')
    .background('#f36d20')
  },
  '#ba4b7a': () => {
    return textures.lines()
    .stroke('#f48335')
    .background('#f36d20')
  },
}

export const colors = Object.keys(colorTextures)

--- 
+++ 
@@ -1,6 +1,4 @@
 import textures from 'textures'
-
-export const colors = ['#ffd300', '#f56d00', '#15c2e8', '#1d70b7', '#c792ca', '#ba4b7a']
 
 export const colorTextures = {
   '#ffd300': () => {
@@ -34,3 +32,5 @@
     .background('#f36d20')
   },
 }
+
+export const colors = Object.keys(colorTextures)
Make sure colors are in static order
