module.exports = {
content: ["./public/**/*.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
theme: {
extend: {
colors: {
primary: "#1e7d97",
secondary: "#ffd599",
"violet-title": "#3c376e",
tag: "rgb(var(--color-tag) / )",
"frama-violet": "#725794",
"frama-orange": "#cc4e13",
"mbz-yellow": {
DEFAULT: "#FFD599",
50: "#FFFFFF",
100: "#FFFFFF",
200: "#FFFFFF",
300: "#FFF7EB",
400: "#FFE6C2",
500: "#FFD599",
600: "#FFBE61",
700: "#FFA729",
800: "#F08D00",
900: "#B86C00",
},
"mbz-yellow-alt": {
DEFAULT: "#FAB12D",
50: "#FEF4E0",
100: "#FEECCC",
200: "#FDDDA5",
300: "#FCCF7D",
400: "#FBC055",
500: "#FAB12D",
600: "#E99806",
700: "#B37404",
800: "#7C5103",
900: "#452D02",
},
"mbz-purple": {
DEFAULT: "#424056",
50: "#9C9AB4",
100: "#918EAB",
200: "#7A779A",
300: "#666385",
400: "#54516D",
500: "#424056",
600: "#292836",
700: "#111016",
800: "#000000",
900: "#000000",
},
"mbz-bluegreen": {
DEFAULT: "#1E7D97",
50: "#86D2E7",
100: "#75CCE4",
200: "#53BFDD",
300: "#31B2D6",
400: "#2599B9",
500: "#1E7D97",
600: "#155668",
700: "#0B3039",
800: "#02090B",
900: "#000000",
},
"violet-1": "#3a384c",
"violet-2": "#474467",
"violet-3": "#3c376e",
"yellow-1": "#ffd599",
"yellow-2": "#fff1de",
"body-background-color": "#efeef4",
"purple-1": "#757199",
"purple-2": "#cdcaea",
"purple-3": "#e6e4f4",
"mbz-info": "#36bcd4",
"mbz-danger": "#cd2026",
"mbz-success": "#0d8758",
"mbz-warning": "#ffe08a",
// primary: "#272633",
// secondary: "#ED8D07",
},
lineClamp: {
10: "10",
},
},
},
plugins: [
require("@tailwindcss/forms"),
require("@tailwindcss/line-clamp"),
require("@tailwindcss/typography"),
],
};