Files
shopify-react-editor-template/config/swatches.ts
T

42 lines
953 B
TypeScript

export const SWATCH_OPTION_NAMES = ['color', 'colour'];
export const SWATCH_COLORS: Record<string, string> = {
clay: '#5a4b3c',
green: '#81a69b',
ocean: '#768da0',
olive: '#7f8060',
purple: '#766589',
red: '#a88084',
beige: '#e8dcc8',
black: '#000000',
blue: '#2563eb',
brown: '#7c5c40',
burgundy: '#6d2532',
charcoal: '#36393d',
cream: '#f3ead8',
gold: '#c9a227',
gray: '#8a8d91',
grey: '#8a8d91',
ivory: '#f6f2e6',
khaki: '#a89d78',
lavender: '#b9a8d0',
mint: '#a8d5ba',
navy: '#1f2a44',
orange: '#e2733a',
pink: '#e3a7b5',
sand: '#d9c9a8',
silver: '#c4c6c8',
stone: '#a9a294',
tan: '#c8a882',
teal: '#3f8f8b',
white: '#ffffff',
yellow: '#e5c34a',
};
export const swatchColorForName = (name: string): string | undefined =>
SWATCH_COLORS[name.trim().toLowerCase()];
export const isSwatchOptionName = (name: string): boolean =>
SWATCH_OPTION_NAMES.includes(name.trim().toLowerCase());