57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
darkMode: 'selector',
|
|
content: [
|
|
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['var(--font-inter)'],
|
|
mono: ['var(--font-roboto-mono)'],
|
|
},
|
|
colors: {
|
|
// Nicked from the vs code version of the theme https://github.com/dracula/visual-studio-code/blob/master/src/dracula.yml
|
|
dracula: {
|
|
'bg-lightest': '#F8F8F2',
|
|
'bg-lighter': '#424450',
|
|
'bg-light': '#343746',
|
|
'bg': '#282A36',
|
|
'bg-dark': '#21222C',
|
|
'bg-darker': '#191A21',
|
|
'selection': '#44475A',
|
|
'comment': '#6272A4',
|
|
'cyan': '#8BE9FD',
|
|
'green': '#50FA7B',
|
|
'orange': '#FFB86C',
|
|
'pink': '#FF79C6',
|
|
'purple': '#BD93F9',
|
|
'red': '#FF5555',
|
|
'yellow': '#F1FA8C',
|
|
}
|
|
},
|
|
typography: () => ({
|
|
DEFAULT: {
|
|
css: {
|
|
h1: {
|
|
"margin-bottom": "0.4444em", // Default is (32/36)em, this is (16/36)em
|
|
},
|
|
h2: {
|
|
"margin-bottom": "0.4em", // Default is (16/20)em, this is (12/20)em
|
|
}
|
|
}
|
|
}
|
|
})
|
|
}
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/typography'),
|
|
require('tailwind-scrollbar')
|
|
],
|
|
};
|
|
export default config;
|