tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
	darkMode: 'class',
	theme: {
		extend: {
			colors: {
				//Dark Mode
				'background1-DM': '#000000',
				'htext1-DM': '#1DD762',
				'ptext1-DM': '#F0F0F0',
				'btn1-DM': '#1DD762',
				'btn1Text-DM': '#000000',
				'link1-DM': '#1DD762',
				'link1Hov-DM': '#17a84d',
				'alert1-DM': '#ff4e4e',
				'border1-DM': '#F0F0F0',
				'icon1-DM': '#F0F0F0',
				'logo1-DM': '#F0F0F0',
				'highlight1-DM': '#1DD762',
				'iconbg1-DM': '#FFFFFF',
				'inputBorder1-DM': '#A9A9A9',

				'background2-DM': '#1F2937',
				'htext2-DM': '#1DD762',
				'ptext2-DM': '#F0F0F0',
				'btn2-DM': '#1DD762',
				'btn2Text-DM': '#000000',
				'link2-DM': '#1DD762',
				'link2Hov-DM': '#17a84d',
				'alert2-DM': '#ff4e4e',
				'border2-DM': '#F0F0F0',
				'icon2-DM': '#F0F0F0',
				'logo2-DM': '#F0F0F0',
				'highlight2-DM': '#1DD762',
				'iconbg2-DM': '',
				'inputBorder2-DM': '',

				//Light Mode
				'background1': '#FFFFFF',
				'htext1': '#198900',
				'ptext1': '#000000',
				'btn1': '#198900',
				'btn1Text': '#FFFFFF',
				'link1': '#198900',
				'link1Hov': '#005211',
				'alert1': '#c20000',
				'border1': '#000000',
				'icon1': '#000000',
				'logo1': '#000000',
				'highlight1': '#198900',
				'iconbg1': '#FFFFFF',
				'inputBorder1': '#A9A9A9',

				'background2': '#2D2D2D',
				'htext2': '#25DA49',
				'ptext2': '#F0F0F0',
				'btn2': '#25DA49',
				'btn2Text': '#2D2D2D',
				'link2': '#1DD762',
				'link2Hov': '#22a951',
				'alert2': '#fb5e5e',
				'border2': '#F0F0F0',
				'icon2': '#F0F0F0',
				'logo2': '#F0F0F0',
				'highlight2': '#25DA49',
				'iconbg2': '',
				'inputBorder2': '',

				'shadow-LM': '#9E9E9E',
				'shadow-DM': '#616161',
			},
			typography: {
				DEFAULT: {
					css: {
						blockquote: {
							fontStyle: 'normal',
						},
						'blockquote p:first-of-type::before': {
							content: 'none',
						},
						'blockquote p:last-of-type::after': {
							content: 'none',
						},
					}
				}
			}
		},
	},
	plugins: [
		require('@tailwindcss/typography'),
		require('tailwind-scrollbar')({ nocompatible: true }),
	]
}