portainer/tailwind.config.js

37 lines
906 B
JavaScript

const plugin = require('tailwindcss/plugin');
const defaultTheme = require('tailwindcss/defaultTheme');
const colors = require('./app/assets/css/colors.json');
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./app/**/*.{html,tsx}'],
corePlugins: {
preflight: false,
},
theme: {
colors: {
transparent: 'transparent',
current: 'currentColor',
inherit: 'inherit',
...colors,
'legacy-grey-3': 'var(--grey-3)',
'legacy-blue-2': 'var(--blue-2)',
'legacy-blue-9': 'var(--blue-9)',
},
extend: {
fontFamily: {
sans: ['Inter', ...defaultTheme.fontFamily.sans],
},
},
},
plugins: [
plugin(({ addVariant }) => {
addVariant('be', '[data-edition="BE"] &');
addVariant('th-highcontrast', '[theme="highcontrast"] &');
addVariant('th-dark', '[theme="dark"] &');
}),
],
};