Simple colors

To add simple colors, go to Pilo’Press > Styles > Configuration > Colors.

By “Simple colors“, we mean colors with no variants like TailwindCSS does by default (gray-500 is a variant of gray).

Thanks to this UI, we can change your colors without writing Javascript.

The equivalent of the data above is this :

module.exports = {
    'theme': {
        'colors': {
            'transparent': 'transparent',
            'current': 'currentColor',
            'black': '#000000',
            'white': '#ffffff',
            'black-25': 'rgba(0,0,0,0.25)',
        }
    }
};

Override colors

You can choose to override default colors or to complete them thanks to this toggle:

(It will affect compiled CSS file size.)