67 lines
1.5 KiB
JavaScript
67 lines
1.5 KiB
JavaScript
/* eslint-disable global-require */
|
|
const plugin = require('tailwindcss/plugin');
|
|
|
|
module.exports = {
|
|
content: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
'tl-lime': '#a4ce27',
|
|
'tl-sage': '#649044',
|
|
'tb-sand': '#e5d993',
|
|
'tb-brown': '#634228',
|
|
'sl-ecto': '#13d591',
|
|
'sl-teal': '#008076',
|
|
'tr-orange': '#dc8B36',
|
|
'tr-umber': '#b44a1e',
|
|
're-sky': '#20c3fe',
|
|
're-ocean': '#034f92',
|
|
'mono-dark': '#f9fafb',
|
|
'mono-white': '#374151',
|
|
'dp-crimson': '#eb4e68',
|
|
'dp-blood': '#6b1c23',
|
|
gray: {
|
|
150: '#f1f2f5',
|
|
},
|
|
zinc: {
|
|
550: '#46464e',
|
|
750: '#35353b',
|
|
},
|
|
},
|
|
dropShadow: {
|
|
overlay: '0 8px 4px rgba(0, 0, 0, 0.3)',
|
|
},
|
|
fontFamily: {
|
|
'sans-alt': ['Inconsolata', 'sans-serif'],
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms')({
|
|
strategy: 'class',
|
|
}),
|
|
plugin(({ addVariant }) => {
|
|
const themes = [
|
|
'tl-dark',
|
|
'tb-dark',
|
|
'sl-dark',
|
|
'tr-dark',
|
|
're-dark',
|
|
'mono-dark',
|
|
'dp-dark',
|
|
'tl-light',
|
|
'tb-light',
|
|
'tr-light',
|
|
'sl-light',
|
|
're-light',
|
|
'mono-light',
|
|
'dp-light',
|
|
];
|
|
themes.forEach(theme => {
|
|
addVariant(theme, `.theme-${theme} &`);
|
|
});
|
|
}),
|
|
],
|
|
};
|