Home Plugin documentation Styles Configuration Simple colors



Here we go!


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.)



TailwindCSS default palette


You didn’t find the answer you were looking for?

or you think a specific topic deserve more informations?


Wave to bottom