2023-03-03 06:25:10 +01:00
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
|
|
module.exports = {
|
|
|
|
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
|
|
|
|
theme: {
|
2023-03-03 23:17:11 +01:00
|
|
|
fontFamily: {
|
|
|
|
sans: [
|
|
|
|
'Söhne',
|
|
|
|
'ui-sans-serif',
|
|
|
|
'system-ui',
|
|
|
|
'-apple-system',
|
|
|
|
'Segoe UI',
|
|
|
|
'Roboto',
|
|
|
|
'Ubuntu',
|
|
|
|
'Cantarell',
|
|
|
|
'Noto Sans',
|
|
|
|
'sans-serif',
|
|
|
|
'Helvetica Neue',
|
|
|
|
'Arial',
|
|
|
|
'Apple Color Emoji',
|
|
|
|
'Segoe UI Emoji',
|
|
|
|
'Segoe UI Symbol',
|
|
|
|
'Noto Color Emoji',
|
|
|
|
],
|
|
|
|
mono: ['Söhne Mono', 'Monaco', 'Andale Mono', 'Ubuntu Mono', 'monospace'],
|
|
|
|
},
|
|
|
|
extend: {
|
|
|
|
typography: {
|
|
|
|
DEFAULT: {
|
|
|
|
css: {
|
|
|
|
pre: { padding: 0, margin: 0 },
|
|
|
|
ul: {
|
|
|
|
'list-style-type': 'none',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
2023-03-04 17:38:54 +01:00
|
|
|
colors: {
|
|
|
|
gray: {
|
|
|
|
50: '#f7f7f8',
|
|
|
|
100: '#ececf1',
|
|
|
|
200: '#d9d9e3',
|
|
|
|
300: '#d1d5db',
|
|
|
|
400: '#acacbe',
|
|
|
|
500: '#8e8ea0',
|
|
|
|
600: '#4b5563',
|
2023-04-02 15:29:25 +02:00
|
|
|
650: '#444654',
|
2023-03-04 17:38:54 +01:00
|
|
|
700: '#40414f',
|
|
|
|
800: '#343541',
|
2023-04-02 15:29:25 +02:00
|
|
|
850: '#2A2B32',
|
2023-03-04 17:38:54 +01:00
|
|
|
900: '#202123',
|
|
|
|
},
|
|
|
|
},
|
2023-03-03 23:17:11 +01:00
|
|
|
},
|
2023-03-03 06:25:10 +01:00
|
|
|
},
|
2023-03-03 23:17:11 +01:00
|
|
|
plugins: [require('@tailwindcss/typography')],
|
|
|
|
darkMode: 'class',
|
2023-03-03 06:25:10 +01:00
|
|
|
};
|