tailwind.config.mjs

// @ts-check
import starlightPlugin from "@astrojs/starlight-tailwind";

const gray = {
	100: "#f6f6f6",
	200: "#eeeeee",
	300: "#c2c2c2",
	400: "#8b8b8b",
	500: "#585858",
	700: "#383838",
	800: "#272727",
	900: "#181818",
};

/** @type {import('tailwindcss').Config} */
export default {
	content: ["./src/**/*.{astro,html,js,jsx,ts,tsx}"],
	theme: {
		extend: {
			colors: {
				black: {
					DEFAULT: "var(--sl-color-white)",
				},
				accent: {
					DEFAULT: "var(--sl-color-accent)",
					200: "var(--tw-accent-200)",
					600: "var(--tw-accent-600)",
					900: "var(--tw-accent-900)",
				},
				gray,
			},
		},
	},
	plugins: [starlightPlugin()],
};