164 lines
4.1 KiB
JavaScript
164 lines
4.1 KiB
JavaScript
const colors = require('tailwindcss/colors')
|
|
|
|
module.exports = {
|
|
/**
|
|
* Color Palette - Purple Heart
|
|
*/
|
|
purpleheart: {
|
|
colors: {
|
|
primary: colors.purple[700],
|
|
secondary: colors.purple[800],
|
|
dark: {
|
|
primary: colors.purple[300],
|
|
secondary: colors.purple[500]
|
|
},
|
|
accent: {
|
|
gray: {
|
|
light: colors.gray[300],
|
|
dark: colors.gray[500]
|
|
},
|
|
default: colors.blue[700]
|
|
}
|
|
}
|
|
},
|
|
/**
|
|
* Color Palette - Pink Town
|
|
*/
|
|
pinktown: {
|
|
colors: {
|
|
primary: colors.pink[700],
|
|
secondary: colors.pink[800],
|
|
dark: {
|
|
primary: colors.pink[300],
|
|
secondary: colors.pink[500]
|
|
},
|
|
accent: {
|
|
gray: {
|
|
light: colors.gray[300],
|
|
dark: colors.gray[500]
|
|
},
|
|
default: colors.blue[700]
|
|
}
|
|
}
|
|
},
|
|
/**
|
|
* Color Palette - Orange City
|
|
*/
|
|
orangecity: {
|
|
colors: {
|
|
primary: colors.orange[700],
|
|
secondary: colors.orange[800],
|
|
dark: {
|
|
primary: colors.orange[300],
|
|
secondary: colors.orange[500]
|
|
},
|
|
accent: {
|
|
gray: {
|
|
light: colors.gray[300],
|
|
dark: colors.gray[500]
|
|
},
|
|
default: colors.blue[700]
|
|
}
|
|
}
|
|
},
|
|
/**
|
|
* Color Palette - Amber Sky
|
|
*/
|
|
ambersky: {
|
|
colors: {
|
|
primary: colors.amber[700],
|
|
secondary: colors.amber[800],
|
|
dark: {
|
|
primary: colors.amber[300],
|
|
secondary: colors.amber[500]
|
|
},
|
|
accent: {
|
|
gray: {
|
|
light: colors.gray[300],
|
|
dark: colors.gray[500]
|
|
},
|
|
default: colors.blue[700]
|
|
}
|
|
}
|
|
},
|
|
/**
|
|
* Color Palette - Lime Route
|
|
*/
|
|
limeroute: {
|
|
colors: {
|
|
primary: colors.lime[700],
|
|
secondary: colors.lime[800],
|
|
dark: {
|
|
primary: colors.lime[300],
|
|
secondary: colors.lime[500]
|
|
},
|
|
accent: {
|
|
gray: {
|
|
light: colors.gray[300],
|
|
dark: colors.gray[500]
|
|
},
|
|
default: colors.blue[700]
|
|
}
|
|
}
|
|
},
|
|
/**
|
|
* Color Palette - Indigone
|
|
*/
|
|
indigone: {
|
|
colors: {
|
|
primary: colors.indigo[700],
|
|
secondary: colors.indigo[800],
|
|
dark: {
|
|
primary: colors.indigo[300],
|
|
secondary: colors.indigo[500]
|
|
},
|
|
accent: {
|
|
gray: {
|
|
light: colors.gray[300],
|
|
dark: colors.gray[500]
|
|
},
|
|
default: colors.blue[700]
|
|
}
|
|
}
|
|
},
|
|
/**
|
|
* Color Palette - Rose Garden
|
|
*/
|
|
rosegarden: {
|
|
colors: {
|
|
primary: colors.rose[700],
|
|
secondary: colors.rose[800],
|
|
dark: {
|
|
primary: colors.rose[300],
|
|
secondary: colors.rose[500]
|
|
},
|
|
accent: {
|
|
gray: {
|
|
light: colors.gray[300],
|
|
dark: colors.gray[500]
|
|
},
|
|
default: colors.blue[700]
|
|
}
|
|
}
|
|
},
|
|
/**
|
|
* Color Palette - Default/Duplicate of Purple Heart (Never remove this)
|
|
*/
|
|
default: {
|
|
colors: {
|
|
primary: colors.purple[700],
|
|
secondary: colors.purple[800],
|
|
dark: {
|
|
primary: colors.purple[300],
|
|
secondary: colors.purple[500]
|
|
},
|
|
accent: {
|
|
gray: {
|
|
light: colors.gray[300],
|
|
dark: colors.gray[500]
|
|
},
|
|
default: colors.blue[700]
|
|
}
|
|
}
|
|
}
|
|
}
|