tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [],
    theme: {
        extend: {
            colors: {
                slate: {
                    1: '#00005503',
                    2: '#00005506',
                    3: '#0000330f',
                    4: '#00002d17',
                    5: '#0009321f',
                    6: '#00002f26',
                    7: '#00062e32',
                    8: '#00083046',
                    9: '#00051d74',
                    10: '#00071b7f',
                    11: '#0007149f',
                    12: '#000509e3',
                }
            }
        },
        debugScreens: {
            position: ['bottom', 'right'],
            style: {
                backgroundColor: 'black',
                color: 'white',
                fontSize: '16px',
                padding: '0.5rem',
                borderRadius: '0.25rem',
            }
        },
    },
    plugins: [
        // require('tailwindcss-debug-screens')
    ]
};