✨ Add `rgba()` color into `config.colors`

Description

// master.css.js

export default {
    colors: {
        primary: '#22a3e5',  // works
        ['accordin-expanded']: 'primary/.4', // not works
        ['accordin-expanded']: 'rgba(0,0,0,0.4)' // not works
    }
}

We should allow config colors include rgba values and opacity shorthand.

[1aron]

We might implement the following syntax:

export default {
    colors: {
        primary: '#000', // HEX
        primary: 'rgb(0,0,0)', // RGB
        primary: 'rgb(0 0 0)', // RGB
        primary: 'rgb(0 0 0/.5)', // RGB
        primary: 'rgba(0,0,0,.5)', // RGBA
        primary: 'blue/.5'
     }
}

[1aron]

Is gradient also supported?

I think it mostly applies on background property, but generally it represents a color as well.

Or we should stick to use gradient only in config.values.

We can’t support it in config.colors because it contains multiple colors and behaves completely differently. You are right, we should stick to use gradient in config.values or config.classes to keep color configuration simple.