V6 feature request - rgba or hex for colours

[Nscalerr 🐺]

Forum URL: railvillage.proboards.com/


I have been thinking it would help a lot with theme design, if we could use rgba or hex when we are selecting colours in the visual editor.

[Matej]

Sounds like something in v6 already

[Chris]

I think Nscalerr 🐺 is asking about representing colors with alpha channels either with the widely implemented rgba(R,G,B,A) or the proposed CSS Level 4 Draft  8-digit hex #RRGGBBAA and its 4-digit abbreviated sibling #RGBA . We can specify hex in the color picker by typing it out but no way to specify the alpha channel from that picker other than through manual inline style on the bbcode which isn't an option when choosing theme colors (assuming that will be the same color picker used for that purpose) I was mistaken, the bbcode inline css validator does not recognize rgb or rgba notation either (I was certain it did) although all major browsers now support it

SPOILER: Click to show

[Source]

The Opacity declaration sets how opaque an element is. An opacity value of 1 means the element is fully opaque; an opacity value of 0 means an element is not at all opaque, i.e. fully transparent.

div { background-color: rgb(255,0,0); opacity: 1; }

Webkit, Gecko and Opera browsers all support Opacity.

The RGBA declaration allows you to set opacity (via the Alpha channel) as part of the color value.

div { background-color: rgba(255,0,0,1); }

This is supported in Webkit and the first alpha of Firefox 3.

The key difference between the two declarations is this:

Opacity sets the opacity value for an element and all of its children;
RGBA sets the opacity value only for a single declaration.

Here’s an example.

background-color: rgb(0,0,255); opacity: 0.5;

The background color of the second div has been set to blue, and the opacity set to half. The text inside the div has inherited the opacity value from its parent, and you can see the yellow div showing through.

background-color: rgba(0,0,255,0.5);

The background color has been set to blue, and the opacity set to half. The text inside the div does not inherit the opacity value, as it acts solely on the background-color declaration, so the text does not reveal the yellow div behind.

[Nscalerr 🐺]

Instead of just choosing a colour with #rrggbb in the visual editor, it would be nice if we could also choose colours with rgba(r,g,b,a).

So if I wanted a transparent white I could click on rgba(255, 255, 255, 0.5) instead of #ffffff in the colour pickoer of the visual editor.