import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
# Colors
## Colors - Marketing
{{
data: () => ({
colors: ['primary-gradient', 'dark-blue', 'primary-blue', 'hologram', 'hologram-light', 'chec-gradient'],
}),
template: `
`,
}}
## Grays (Product & Marketing)
{{
data: () => ({
colors: ['black'].concat([7,6,5,4,3,2,1].map(n => `gray-${n}00`)).concat(['white', 'gray-gradient', 'dark-gray-gradient']),
}),
template: `
`,
}}
## Colors - Dashboard
{{
data: () => ({
colors: ['red', 'orange', 'green', 'blue', 'purple'],
}),
methods: {
makeTones(color) {
return [6,5,4,3,2,1].map(n => `${color}-${n}00`);
}
},
template: `
`,
}}