const { tailwind } = require('@tesseract-design/viewfinder-base');

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/**/*.tsx',
    './node_modules/@tesseract-design/viewfinder-react/dist/**/*.js',
  ],
	theme: {
		extend: {
			colors: {
				topbar: 'rgb(255 255 255)',
				sidebar: 'rgb(252 252 252)',
				'sidebar-menu': 'rgb(248 248 248)',
				'bg': 'rgb(var(--color-bg))',
				'fg': 'rgb(var(--color-fg))',
			},
		},
	},
  plugins: [
		require('@tailwindcss/typography'),
		tailwind.plugin(),
	],
}