tailwind.config.js

/**@type {import('tailwindcss').Config} */
module.exports= {
	darkMode: 'class',
	corePlugins:{
		preflight:true,
	},
	content: ["./app/**/*.{js,ts,jsx,tsx}","./pages/**/*.{js,ts,jsx,tsx}","./src/**/*.{js,jsx,ts,tsx}"],
	theme: {
		colors: {
			lightBackground:		'#ffffff', white:			'#ffffff',
			lightBackgroundTwo:		'rgb(249, 245, 215)', gray:			'#bbbbbb',
			darkBackground:			'#222222', graydark:		'#222222',
			darkBackgroundTwo:		'#111111', graydarkdark:	'#111111',
			lightPrimary:			'#ffc107', yellow:			'#ffc107',
			lightPrimaryDark:		'#b28704', yellowdark:		'#b28704',
			lightPrimaryLight:		'#fff350', creme:			'#fff350',
			darkPrimary:			'#ffffff', 
			darkPrimaryDark:		'#b3b3b3', 
			darkPrimaryLight:		'#f5f5f5', 
			lightSecondary:			'#1e88e5', bluelightlight:	'#1e88e5',
			lightSecondaryDark:		'#0d47a1', bluelight:		'#0d47a1',
			lightSecondaryDark:		'#0d47a1', blue:			'#0000ff',
			lightSecondaryLight:	'#42a5f5', 
			darkSecondary:			'#8F3BA8', 
			darkSecondaryDark:		'#e53935', red:				'#e53935',
			darkSecondaryLight:		'#ffcdd2', 
			lightError:				'#b71c1c', 
			lightErrorDark:			'#7f0000', reddark:			'#7f0000',
			lightErrorLight:		'#f05545', redlight:		'#f05545',
			darkError:				'#ffc107', 
			darkErrorDark:			'#c79100', 
			darkErrorLight:			'#ffe082', 
			lightWarning:			'#ff9800', orange:			'#ff9800',
			lightWarningDark:		'#c66900', orangedark:		'#c66900',
			lightWarningLight:		'#ffb74d', 
			darkWarning:			'#1e88e5', 
			darkWarningDark:		'#0d47a1', 
			darkWarningLight:		'#42a5f5', 
			lightInfo:				'#33b5e5', 
			lightInfoDark:			'#0083b0', 
			lightInfoLight:			'#81d4fa', 
			darkInfo:				'#81d4fa', 
			darkInfoDark:			'#4fc3f7', 
			darkInfoLight:			'#b3e5fc', 
			lightSuccess:			'#43a047', teal:			'#00ffc8',
			lightSuccessDark:		'#2e7d32', greenlight:		'#2e7d32',
			lightSuccessLight:		'#81c784', green:			'#00ff00',
			darkSuccess:			'#4caf50', 
			darkSuccessDark:		'#1b5e20', 
			darkSuccessLight:		'#81c784', 
			lightTextPrimary:		'#000000', black:			'#000000',
			darkTextPrimary:		'#ffffff', 
			lightTextSecondary:		'#444444', 
			darkTextSecondary:		'#dddddd', 
			lightTextDisabled:		'#666666', 
			darkTextDisabled:		'#aaaaaa', 
			purpleBright:			'#ff00ff', purple:			'#ff00ff',
			purpleLight:			'#aa00aa', purplelight:		'#aa00aa',
			purpleDark:				'#440044', purpledark:		'#440044',
			blueBright:				'#0000ff', 
			blueDark:				'#0000aa', 
		},
		extend: {
			screens:{
				'mobile':{ 'raw': '(max-width: 500px)'},
				'desktop':{ 'raw': '(min-width: 501px)'}
			},
		},
	},
	plugins: [],
}