/** * To use these colors in Tailwind, you need to extend your tailwind.config.js file. * * For details see: * https://tailwindcss.com/docs/customizing-colors/#extending-the-default-palette * * To use own names for the colors, change the node names "main-color-*" and "color-*". */ { "theme": { "extend": { "colors": { "main-color-1": "#000B00", "main-color-2": "#000C0B", "main-color-3": "#0F050F", "main-color-4": "#140405", "color-1": { "100": "#CCFFCC", "200": "#99FF99", "300": "#66FF66", "400": "#33FF33", "500": "#00FF00", "600": "#00CC00", "700": "#009900", "800": "#006600", "900": "#003300" }, "color-2": { "100": "#CCFFFB", "200": "#99FFF6", "300": "#66FFF2", "400": "#33FFEE", "500": "#00FFEA", "600": "#00CCBB", "700": "#00998C", "800": "#00665E", "900": "#00332F" }, "color-3": { "100": "#F2D9F2", "200": "#E6B3E6", "300": "#D98CD9", "400": "#CC66CC", "500": "#BF40BF", "600": "#993399", "700": "#732673", "800": "#4D194D", "900": "#260D26" }, "color-4": { "100": "#F6D5D7", "200": "#EEAAAE", "300": "#E58086", "400": "#DD555D", "500": "#D42B35", "600": "#AA222B", "700": "#7F1A20", "800": "#551115", "900": "#2B090B" } } } } }