51 lines
2.0 KiB
JavaScript
51 lines
2.0 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// ─── Brand "Mint & Ocean Blue" (color package §1) ───
|
|
// NB : noms de tokens conservés ; valeurs = palette Mint & Ocean.
|
|
brand: {
|
|
cyan: "#34D399", // mint — accent primary (accents, bordures, points, dark-text)
|
|
blue: "#2563EB", // ocean blue — accent secondary (fin de dégradé)
|
|
teal: "#6EE7B7", // mint clair — code inline sur fond sombre
|
|
deep: "#2563EB", // ocean blue — accent texte en mode clair (lisible sur blanc)
|
|
indigo: "#4F46E5",
|
|
},
|
|
// ─── Canvas (Slate) ───
|
|
canvas: {
|
|
dark: "#0F172A", // dark body / terminal backdrop
|
|
deep: "#090D16", // dark footer / deepest sheet
|
|
light: "#F8FAFC", // light body (alpine snow)
|
|
},
|
|
// ─── 7-color diagnostic & syntax spectrum ───
|
|
diag: {
|
|
rose: "#F43F5E", // exception / invalid
|
|
orange: "#FF6B00", // keyword / control
|
|
amber: "#F59E0B", // string / regex
|
|
emerald: "#10B981", // support / type / class
|
|
sky: "#0EA5E9", // variable / parameter
|
|
indigo: "#6366F1", // entity / function
|
|
violet: "#8B5CF6", // comment / metadata
|
|
},
|
|
},
|
|
fontFamily: {
|
|
heading: ["Fraunces", "Georgia", "serif"],
|
|
body: ["Inter", "-apple-system", "BlinkMacSystemFont", "sans-serif"],
|
|
},
|
|
backgroundImage: {
|
|
// 135° brand gradient — Mint → Ocean Blue (logo, CTAs, highlights)
|
|
"brand-gradient": "linear-gradient(135deg, #34D399 0%, #2563EB 100%)",
|
|
"brand-gradient-soft":
|
|
"linear-gradient(135deg, rgba(52,211,153,0.12) 0%, rgba(37,99,235,0.12) 100%)",
|
|
},
|
|
boxShadow: {
|
|
glow: "0 8px 30px -8px rgba(52,211,153,0.35)",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|