50 lines
1.7 KiB
JavaScript
50 lines
1.7 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 "Electric Teal" ───
|
|
brand: {
|
|
cyan: "#06B6D4", // accent primary
|
|
blue: "#3B82F6", // accent secondary
|
|
teal: "#22D3EE", // deep marine highlight
|
|
deep: "#0891B2", // deep teal (hover / prestige)
|
|
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 (logo ligatures, CTAs, highlights)
|
|
"brand-gradient": "linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%)",
|
|
"brand-gradient-soft":
|
|
"linear-gradient(135deg, rgba(6,182,212,0.12) 0%, rgba(59,130,246,0.12) 100%)",
|
|
},
|
|
boxShadow: {
|
|
glow: "0 8px 30px -8px rgba(6,182,212,0.35)",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|