/** * 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": "#FFFEFE", "main-color-2": "#FDFEFD", "main-color-3": "#FEFEFF", "color-1": { "100": "#FFCCCC", "200": "#FF9999", "300": "#FF6666", "400": "#FF3333", "500": "#FF0000", "600": "#CC0000", "700": "#990000", "800": "#660000", "900": "#330000" }, "color-2": { "100": "#DDEEDD", "200": "#BBDDBB", "300": "#99CC99", "400": "#77BB77", "500": "#55AA55", "600": "#448844", "700": "#336633", "800": "#224422", "900": "#112211" }, "color-3": { "100": "#CCCCFF", "200": "#9999FF", "300": "#6666FF", "400": "#3333FF", "500": "#0000FF", "600": "#0000CC", "700": "#000099", "800": "#000066", "900": "#000033" } } } } }