tailwind.config.cjs

const defaultTheme = require("tailwindcss/defaultTheme");

/** @type {import("tailwindcss").Config} */
module.exports = {
	darkMode: "class",
	content: ["./src/**/*.{html,svelte,js,ts}"],
	safelist: [
		{ pattern: /bg-header-.+/},
		{ pattern: /!?bg-.+-edge/},
	],
	theme: {
		fontFamily: {
			sans: ["'General Sans'", ...defaultTheme.fontFamily.sans],
			mono: ["'JetBrains Mono'", ...defaultTheme.fontFamily.mono],
		},
		fontMetrics: {
			sans: {
				capHeight: 718,
				ascent: 1010,
				descent: -240,
				lineGap: 100,
				unitsPerEm: 1000,
			}
		},
		extend: {
			fontSize: {
				"detail": "0.625rem", // 10px
				"label": "0.8125rem", // 13px
				"title": "0.875rem", // 14px
			},
			fontWeight: {
				"semibold": 550,
			},
			backgroundImage: {
				"header-slate": "linear-gradient(var(--header-bg-slate),var(--header-bg-slate)), var(--node-header-background-gradient)",
				"header-amber": "linear-gradient(var(--header-bg-amber),var(--header-bg-amber)), var(--node-header-background-gradient)",
				"header-sky": "linear-gradient(var(--header-bg-sky),var(--header-bg-sky)), var(--node-header-background-gradient)",
				"header-emerald": "linear-gradient(var(--header-bg-emerald),var(--header-bg-emerald)), var(--node-header-background-gradient)",
				"header-indigo": "linear-gradient(var(--header-bg-indigo),var(--header-bg-indigo)), var(--node-header-background-gradient)",
				"header-rose": "linear-gradient(var(--header-bg-rose),var(--header-bg-rose)), var(--node-header-background-gradient)",
				"header-fuchsia": "linear-gradient(var(--header-bg-fuchsia),var(--header-bg-fuchsia)), var(--node-header-background-gradient)",
			},
			colors: {
				"slate-edge": "var(--edge-slate)",
				"amber-edge": "var(--edge-amber)",
				"sky-edge": "var(--edge-sky)",
				"emerald-edge": "var(--edge-emerald)",
				"indigo-edge": "var(--edge-indigo)",
				"rose-edge": "var(--edge-rose)",
				"fuchsia-edge": "var(--edge-fuchsia)",
			}
		}
	},
	future: { hoverOnlyWhenSupported: true },
	plugins: [require("tailwindcss-capsize")],
};