| /** @type {import('tailwindcss').Config} */ | |
| export default { | |
| darkMode: 'class', | |
| content: ['./src/**/*.{html,js,svelte,ts}'], | |
| theme: { | |
| extend: { | |
| colors: { | |
| gray: { | |
| 50: '#f9f9f9', | |
| 100: '#ececec', | |
| 200: '#e3e3e3', | |
| 300: '#cdcdcd', | |
| 400: '#b4b4b4', | |
| 500: '#9b9b9b', | |
| 600: '#676767', | |
| 700: '#4e4e4e', | |
| 800: 'var(--color-gray-800, #333)', | |
| 850: 'var(--color-gray-850, #262626)', | |
| 900: 'var(--color-gray-900, #171717)', | |
| 950: 'var(--color-gray-950, #0d0d0d)' | |
| } | |
| }, | |
| typography: { | |
| DEFAULT: { | |
| css: { | |
| pre: false, | |
| code: false, | |
| 'pre code': false, | |
| 'code::before': false, | |
| 'code::after': false | |
| } | |
| } | |
| }, | |
| padding: { | |
| 'safe-bottom': 'env(safe-area-inset-bottom)' | |
| } | |
| } | |
| }, | |
| plugins: [require('@tailwindcss/typography')] | |
| }; | |