You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
overseerr/tailwind.config.js

70 lines
1.7 KiB

/* eslint-disable */
const defaultTheme = require('tailwindcss/defaultTheme');
module.exports = {
purge: ['./src/pages/**/*.{ts,tsx}', './src/components/**/*.{ts,tsx}'],
theme: {
extend: {
fontFamily: {
sans: ['Inter var', ...defaultTheme.fontFamily.sans],
},
typography: (theme) => ({
DEFAULT: {
css: {
color: theme('colors.gray.300'),
a: {
color: theme('colors.indigo.500'),
'&:hover': {
color: theme('colors.indigo.400'),
},
},
h1: {
color: theme('colors.gray.300'),
},
h2: {
color: theme('colors.gray.300'),
},
h3: {
color: theme('colors.gray.300'),
},
h4: {
color: theme('colors.gray.300'),
},
h5: {
color: theme('colors.gray.300'),
},
h6: {
color: theme('colors.gray.300'),
},
strong: {
color: theme('colors.gray.400'),
},
code: {
color: theme('colors.gray.300'),
},
figcaption: {
color: theme('colors.gray.500'),
},
},
},
}),
},
},
variants: {
padding: ['first', 'last'],
borderWidth: ['first', 'last'],
margin: ['first', 'last', 'responsive'],
boxShadow: ['group-focus'],
opacity: ['disabled', 'hover'],
},
plugins: [
require('@tailwindcss/forms'),
require('@tailwindcss/typography'),
require('@tailwindcss/aspect-ratio'),
],
};