responsively-app/desktop-app/tailwind.config.js
2023-01-22 09:10:48 +05:30

38 lines
870 B
JavaScript

/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme');
const colors = require('tailwindcss/colors');
const typography = require('@tailwindcss/typography');
module.exports = {
content: ['./src/renderer/**/*.tsx'],
darkMode: 'class',
theme: {
extend: {
colors: {
dark: {
normal: colors.gray['300'],
},
light: {
normal: colors.gray['700'],
},
},
fontFamily: {
sans: ['Lato', ...defaultTheme.fontFamily.sans],
},
maxHeight: (theme) => ({
...theme('spacing'),
}),
maxWidth: (theme) => ({
...theme('spacing'),
}),
minHeight: (theme) => ({
...theme('spacing'),
}),
minWidth: (theme) => ({
...theme('spacing'),
}),
},
},
plugins: [typography],
};