tailwind.config.js

// Flexoki tailwind theme: https://gist.github.com/martin-mael/4b50fa8e55da846f3f73399d84fa1848
const colors = {
	base: {
		black: "#100F0F",
		950: "#1C1B1A",
		900: "#282726",
		850: "#343331",
		800: "#403E3C",
		700: "#575653",
		600: "#6F6E69",
		500: "#878580",
		300: "#B7B5AC",
		200: "#CECDC3",
		150: "#DAD8CE",
		100: "#E6E4D9",
		50: "#F2F0E5",
		paper: "#FFFCF0",
	},
	red: {
		DEFAULT: "#AF3029",
		light: "#D14D41",
	},
	orange: {
		DEFAULT: "#BC5215",
		light: "#DA702C",
	},
	yellow: {
		DEFAULT: "#AD8301",
		light: "#D0A215",
	},
	green: {
		DEFAULT: "#66800B",
		light: "#879A39",
	},
	cyan: {
		DEFAULT: "#24837B",
		light: "#3AA99F",
	},
	blue: {
		DEFAULT: "#205EA6",
		light: "#4385BE",
	},
	purple: {
		DEFAULT: "#5E409D",
		light: "#8B7EC8",
	},
	magenta: {
		DEFAULT: "#A02F6F",
		light: "#CE5D97",
	},
}

const fontFamily = {
	sans: [
		"Rubik",
		"ui-sans-serif",
		"system-ui",
		"sans-serif",
		'"Apple Color Emoji"',
		'"Segoe UI Emoji"',
		'"Segoe UI Symbol"',
		'"Noto Color Emoji"',
	],
	mono: ['"Jetbrains Mono"', "monospace"],
}

/** @type {import('tailwindcss').Config} */
export default {
	content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx,svelte}"],
	theme: {
		extend: {
			colors,
			fontFamily,
		},
	},
	plugins: [],
}