@simpli-route/tailwind-preset
Version:
Main Tailwind theme config file/preset to share between SimpliRoute Design System and any app build using the Design System.
130 lines (129 loc) • 3.02 kB
JavaScript
/** @type {import('tailwindcss').Config} */
module.exports = {
theme: {
extend: {
colors: {
neutral: {
50: "#FFFFFF",
100: "#FAFAFA",
200: "#F7F7F8",
300: "#E9E9EB",
400: "#DBDBE0",
500: "#C7C9D1",
600: "#979BB4",
700: "#73768C",
800: "#383A43",
900: "#22242A",
},
primary: {
50: "#F3F2FE",
100: "#E6E3FF",
200: "#D4D0FB",
300: "#B4ABFF",
400: "#796CFA",
500: "#4C3BEF",
600: "#2A16DA",
700: "#1D0DA5",
800: "#170D6C",
900: "#0C0645",
},
blue: {
50: "#F6F8FC",
100: "#D4DBFF",
200: "#A8B4F0",
300: "#7B8FF6",
400: "#506CFB",
500: "#2644D9",
600: "#1B33AD",
700: "#1B3098",
800: "#0E1B5B",
900: "#0B1441",
},
sky: {
50: "#F2F9FD",
100: "#C8E9FA",
200: "#9EDBFA",
300: "#55BEF3",
400: "#269DD9",
500: "#0981BD",
600: "#1B6E98",
700: "#134B67",
800: "#0C3549",
900: "#0B2F41",
},
pink: {
50: "#FDF2F9",
100: "#FFCBEE",
200: "#FA9EDB",
300: "#EF5FBF",
400: "#D9269D",
500: "#BF1F8A",
600: "#981B6D",
700: "#81135B",
800: "#69174D",
900: "#410B2F",
},
yellow: {
50: "#FDFBF1",
100: "#FFF5C4",
200: "#FAEB9E",
300: "#F8DE5C",
400: "#F1CB0D",
500: "#D7B612",
600: "#C5A711",
700: "#AA8F09",
800: "#71600C",
900: "#493D04",
},
success: {
50: "#E9FEF5",
100: "#C2F6E0",
200: "#8BDEBB",
300: "#72DAAE",
400: "#43D095",
500: "#1FB576",
600: "#059659",
700: "#00804A",
800: "#026038",
900: "#034E2E",
},
error: {
50: "#FCF4F4",
100: "#FBE4E2",
200: "#FCCFCB",
300: "#F4A29A",
400: "#E86458",
500: "#CC4033",
600: "#AB362B",
700: "#8F2D24",
800: "#5E1B14",
900: "#3D130F",
},
"yellow-warning": {
50: "#FFFAEA",
100: "#FFF2CC",
200: "#FFECB3",
300: "#FFE598",
400: "#FFDC73",
500: "#FFCC33",
600: "#E5B31A",
700: "#BD920F",
800: "#926D00",
900: "#6F5711",
},
"orange-warning": {
50: "#FFF8F3",
100: "#FFECDB",
200: "#FFC28D",
300: "#FFAE66",
400: "#F89A48",
500: "#E67E22",
600: "#CC6912",
700: "#954600",
800: "#733600",
900: "#572900",
},
},
},
},
};