Modifying the color palette in 2.3

[Old Nick]

I'm about to modify the base style of XenForo to green it.
With XF 2.3 and the style variation this is not a small task (says the one who criticized the dark theme just yesterday... spank me!).

My question is: will the work done in the style properties be useful when I move to XF 3 or will it all be thrown in the trash and I'll have to start from scratch?

BTW is it better to modify Color palette or rather Basic colors to achieve this goal, simply switch from a blue style to a green style?

 

[Mr Lucky]

BTW is it better to modify Color palette or rather Basic colors to achieve this goal,

I found you can do it all with color palette.

 

[Jeremy P]

is it better to modify Color palette or rather Basic colors to achieve this goal, simply switch from a blue style to a green style?

I would start by just changing the hues in the color palette, which should only take a few minutes and accomplish the bulk of it pretty easily. Then you can tweak further as necessary.

 

[Old Nick]

Thanks both, i will do that then.

@Jeremy P concerning this

Will the work done in the style properties be useful when I move to XF 3 or will it all be thrown in the trash and I'll have to start from scratch?

What do you think ?

 

[Jeremy P]

It's difficult to say definitively at this time, but changing the hues from blue to green really should be so simple that I wouldn't let it hold you back. The dark variation takes it from making roughly the same change to 5 style properties to making roughly the same change to 10 style properties.

If you note, the current palette hues are 204-206 (which might as well just be a rounding error in the RGB->HSL conversion). Changing them all to eg. 115 took me about 30 seconds and yields this:

 

[Old Nick]

Indeed... I didn't see things that way but everything seems simpler as you describe it. I'm going to try this route, thanks for the info.

 

[beerForo]

This is about 3.0?

 

[Jeremy P]

Indeed... I didn't see things that way but everything seems simpler as you describe it. I'm going to try this route, thanks for the info.

It's not immediately obvious prior to 2.3 because we used RGB instead of HSL, but the primary color palette is intended to be roughly the same hue with different lightness (and saturation, for dark mode). I think in XF 1 there was even an automatic hue adjustment slider for the entire palette.

This is about 3.0?

OK fair enough, I've split the thread.

 

[Suzanne O]

Just an idea here for you @Old Nick i reckon you should go with your favourite sports team colours as your main choice.

Then when you get many members you start designing new themes.

 

[Old Nick]

I tried to change the footer background, but it seems that an extra css code overwrite the chosen colour:


But as you can see the Extra css field is empty, it should be field with the css code for the gradient bg which would allow it to be deleted (as header block).
The footer background still have the gradient bg...



Is this a bug or a misunderstanding on my part?

 

[Jeremy P]

I can’t reproduce that, the footer is whatever the chosen color is for me. The default footer isn’t a gradient either so probably down to a style customization.

 

[Old Nick]

so probably down to a style customization.

My bad...

 

[Old Nick]

Well, how to apply a custom CSS code to both variations ?
I used this before 2.3:

.p-footer {
    background: linear-gradient(0deg, xf-intensify(@xf-chromeBg, 12%), @xf-chromeBg);
}

How should this be written to be valid in 2.3?

 

[Jeremy P]

That is valid in 2.3, and should work with both variations all the same. What do you want it to do differently?

 

[Old Nick]

Yep, I think I got up too early this morning... Sorry for the inconvenience, everything is working properly.