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