Default colour palette modification

[Neil E.]

Example of an object that doesn't have it's own styling properties (courtesy of Jake):

.button.primary
{
    background-color: red;
}

I understand that in place of red we can select something from the standard color palette. This obtains a different colour for our button (say background-color: @PrimaryDark). But what if we need a different colour than what currently exists in the palette?

Can an extra custom button be added to the palette (ex. @ModifiedShade or whatever)? That way we have a selection that does not effect any other forum location (all palette choices are already in use).

I suppose what I'm looking for is a way to reference some new colour when it doesn't exist in pre-defined code colours [ex. red, etc.] (and styling properties don't exist). I tried to use a hex value directly in place of red, but no go.

 

[Chris D]

You should definitely be able to use hex or rgb.

.button.primary
{
    background-color: #ff0000;
}

This is red.

 

[Neil E.]

Thanks,
Mucho cool. I didn't know the [#] identifier was required. You just made my life easier.

 

[Chris D]

You can also do RGB colours:

.button.primary
{
background-color: rgb(255,0,0);
}

This is red.

 

[MagnusB]

Use something like this: http://colorschemedesigner.com/

Very useful tool. You can also try out Colorize IT, http://www.colorizeit.com/styles/xenforo-styles/254.xenforostyle.html , a very underrated tool if you are going from the default style.