tailwind.config.ts

import type { Config } from "tailwindcss";
import defaultTheme from "tailwindcss/defaultTheme";
import { addIconSelectors } from "@iconify/tailwind";

export default {
	content: ["./app/**/*.{ts,tsx}"],
	theme: {
		colors: {
			"jet-black": '#0A0A0A',
			"royal-yellow": '#FADA5E',
			'ruby': {
				'50': '#fef1f7',
				'100': '#fee5f1',
				'200': '#ffcbe5',
				'300': '#ffa0cf',
				'400': '#ff65ad',
				'500': '#fd378c',
				'600': '#e0115f',
				DEFAULT: '#e0115f',
				'700': '#cf074c',
				'800': '#ab093f',
				'900': '#8e0d38',
				'950': '#57001c',
			},
			'gold': {
				'50': '#ffffe7',
				'100': '#feffc1',
				'200': '#fffd86',
				'300': '#fff441',
				'400': '#ffe60d',
				'500': '#ffd700',
				DEFAULT: '#ffd700',
				'600': '#d19e00',
				'700': '#a67102',
				'800': '#89580a',
				'900': '#74480f',
				'950': '#442604',
			},
			'emerald': {
				'50': '#f2fbf5',
				'100': '#e0f8e7',
				'200': '#c2f0d1',
				'300': '#93e2ae',
				'400': '#50c878',
				DEFAULT: '#50c878',
				'500': '#36b15f',
				'600': '#27924c',
				'700': '#22733d',
				'800': '#205b34',
				'900': '#1c4b2e',
				'950': '#0a2916',
			},
			'amethyst': {
				'50': '#faf7fd',
				'100': '#f3ecfb',
				'200': '#e8ddf7',
				'300': '#d7c2f0',
				'400': '#be9be5',
				'500': '#a574d8',
				'600': '#9966cc',
				DEFAULT: '#9966cc',
				'700': '#7943ad',
				'800': '#663b8e',
				'900': '#533172',
				'950': '#381952',
			},
			'onyx': {
				'50': '#f6f6f5',
				'100': '#e7e7e6',
				'200': '#d1d1d0',
				'300': '#b1b0af',
				'400': '#898887',
				'500': '#6e6d6c',
				'600': '#5e5d5c',
				'700': '#504f4e',
				'800': '#464644',
				'900': '#3d3d3c',
				'950': '#2f2f2e',
				DEFAULT: '#2f2f2e',
			},
			'platinum': {
				'50': '#f6f6f6',
				'100': '#e5e4e2',
				DEFAULT: '#e5e4e2',
				'200': '#d6d4d2',
				'300': '#bcbab5',
				'400': '#a19c96',
				'500': '#8e8781',
				'600': '#817a75',
				'700': '#6c6662',
				'800': '#5a5552',
				'900': '#4a4744',
				'950': '#272423',
			},
			bruh: {
				eye: '#222222',
				mouth: '#fc4141',
			},
		},
		fontFamily: {
			argon: ["MonaspaceArgonVariable", ...defaultTheme.fontFamily.mono],
			krypton: ["MonaspaceKryptonVariable", ...defaultTheme.fontFamily.mono],
			neon: ["MonaspaceNeonVariable", ...defaultTheme.fontFamily.mono],
			radon: ["MonaspaceRadonVariable", ...defaultTheme.fontFamily.mono],
			xenon: ["MonaspaceXenonVariable", ...defaultTheme.fontFamily.mono],
		},
		extend: {},
	},
	plugins: [
		addIconSelectors(['lucide','vscode-icons']),
	],
} satisfies Config;