/** * 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": "#191919", "main-color-2": "#191C1C", "main-color-3": "#191F1F", "main-color-4": "#192121", "main-color-5": "#192424", "main-color-6": "#192626", "main-color-7": "#192929", "main-color-8": "#192B2B", "main-color-9": "#192E2E", "main-color-10": "#193030", "color-1": { "100": "#E6E6E6", "200": "#CCCCCC", "300": "#B3B3B3", "400": "#999999", "500": "#808080", "600": "#666666", "700": "#4D4D4D", "800": "#333333", "900": "#191919" }, "color-2": { "100": "#E4E7E7", "200": "#C9CFCF", "300": "#AEB7B7", "400": "#939F9F", "500": "#788787", "600": "#606C6C", "700": "#485151", "800": "#303636", "900": "#191C1C" }, "color-3": { "100": "#E3E8E8", "200": "#C7D1D1", "300": "#AABBBB", "400": "#8EA4A4", "500": "#728D8D", "600": "#5B7171", "700": "#445555", "800": "#2E3838", "900": "#191F1F" }, "color-4": { "100": "#E2E9E9", "200": "#C5D3D3", "300": "#A8BDBD", "400": "#8BA7A7", "500": "#6E9191", "600": "#587474", "700": "#425757", "800": "#2C3A3A", "900": "#192121" }, "color-5": { "100": "#E1EAEA", "200": "#C3D5D5", "300": "#A5C0C0", "400": "#87ABAB", "500": "#699696", "600": "#547878", "700": "#3F5A5A", "800": "#2A3C3C", "900": "#192424" }, "color-6": { "100": "#E0EBEB", "200": "#C1D7D7", "300": "#A3C2C2", "400": "#84AEAE", "500": "#659A9A", "600": "#517B7B", "700": "#3D5C5C", "800": "#283E3E", "900": "#192626" }, "color-7": { "100": "#DFECEC", "200": "#C0D8D8", "300": "#A0C5C5", "400": "#80B2B2", "500": "#619E9E", "600": "#4D7F7F", "700": "#3A5F5F", "800": "#273F3F", "900": "#192929" }, "color-8": { "100": "#DFECEC", "200": "#BEDADA", "300": "#9EC7C7", "400": "#7EB4B4", "500": "#5EA1A1", "600": "#4B8181", "700": "#386161", "800": "#264141", "900": "#192B2B" }, "color-9": { "100": "#DEEDED", "200": "#BDDBDB", "300": "#9CC9C9", "400": "#7BB7B7", "500": "#5AA5A5", "600": "#488484", "700": "#366363", "800": "#244242", "900": "#192E2E" }, "color-10": { "100": "#DDEEEE", "200": "#BCDCDC", "300": "#9ACBCB", "400": "#79B9B9", "500": "#57A8A8", "600": "#468686", "700": "#346565", "800": "#234343", "900": "#193030" } } } } }