/** * 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": "#FCFFFF", "main-color-2": "#DFE2E2", "main-color-3": "#C3C6C6", "main-color-4": "#A8ABAB", "main-color-5": "#8E9191", "main-color-6": "#747777", "main-color-7": "#5C5E5E", "main-color-8": "#444747", "main-color-9": "#2E3030", "main-color-10": "#191B1B", "color-1": { "100": "#CCFFFF", "200": "#99FFFF", "300": "#66FFFF", "400": "#33FFFF", "500": "#00FFFF", "600": "#00CCCC", "700": "#009999", "800": "#006666", "900": "#003333" }, "color-2": { "100": "#DFE2E2", "200": "#C9CFCF", "300": "#AFB6B6", "400": "#949E9E", "500": "#798686", "600": "#616B6B", "700": "#495050", "800": "#303636", "900": "#181B1B" }, "color-3": { "100": "#E5E6E6", "200": "#C3C6C6", "300": "#B1B4B4", "400": "#969C9C", "500": "#7C8383", "600": "#636969", "700": "#4B4E4E", "800": "#323434", "900": "#191A1A" }, "color-4": { "100": "#E5E6E6", "200": "#CBCDCD", "300": "#A8ABAB", "400": "#979B9B", "500": "#7D8282", "600": "#646868", "700": "#4B4E4E", "800": "#323434", "900": "#191A1A" }, "color-5": { "100": "#E5E6E6", "200": "#CBCDCD", "300": "#B1B4B4", "400": "#8E9191", "500": "#7E8181", "600": "#656767", "700": "#4B4E4E", "800": "#323434", "900": "#191A1A" }, "color-6": { "100": "#E5E6E6", "200": "#CBCDCD", "300": "#B2B3B3", "400": "#989A9A", "500": "#747777", "600": "#656767", "700": "#4C4D4D", "800": "#323434", "900": "#191A1A" }, "color-7": { "100": "#E5E6E6", "200": "#CBCDCD", "300": "#B2B3B3", "400": "#989A9A", "500": "#7E8181", "600": "#5C5E5E", "700": "#4C4D4D", "800": "#323434", "900": "#191A1A" }, "color-8": { "100": "#E5E6E6", "200": "#CBCDCD", "300": "#B1B4B4", "400": "#979B9B", "500": "#7D8282", "600": "#646868", "700": "#444747", "800": "#323434", "900": "#191A1A" }, "color-9": { "100": "#E5E6E6", "200": "#CBCDCD", "300": "#B1B4B4", "400": "#979B9B", "500": "#7D8282", "600": "#646868", "700": "#4B4E4E", "800": "#2E3030", "900": "#191A1A" }, "color-10": { "100": "#E5E6E6", "200": "#CACECE", "300": "#B0B5B5", "400": "#959D9D", "500": "#7B8484", "600": "#626A6A", "700": "#4A4F4F", "800": "#313535", "900": "#191B1B" } } } } }