/** * 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": "#1F000F", "main-color-2": "#210000", "main-color-3": "#1C0300", "color-1": { "100": "#FFCCE5", "200": "#FF99CA", "300": "#FF66B0", "400": "#FF3396", "500": "#FF007B", "600": "#CC0063", "700": "#99004A", "800": "#660031", "900": "#1F000F" }, "color-2": { "100": "#FFCCCC", "200": "#FF9999", "300": "#FF6666", "400": "#FF3333", "500": "#FF0000", "600": "#CC0000", "700": "#990000", "800": "#660000", "900": "#210000" }, "color-3": { "100": "#FFD1CC", "200": "#FFA499", "300": "#FF7666", "400": "#FF4933", "500": "#FF1B00", "600": "#CC1600", "700": "#991000", "800": "#660B00", "900": "#1C0300" } } } } }