Implemented  Navbar Gradient

We need to make sure that it's consistent with other places in the forum as the 50/50 split theme could be used elsewhere and in that case should be changed also.


Well-known member
I honestly don't think it is. The only other headers used I seen are the tanned colour (forum cats) and the blue toned used in the footers (thread display for example) I'd need to explore around more but I'm sure they are the only other headers used throughout.


Well-known member
I too prefer Shelley's recommendation

Right now the navbar feels late 90's, as if somebody got overzealous about gradients :p


Well-known member
Just uploaded a more refined (seamless transition between the nav Gradient & tab) mockup. Gives you a better visual when quality isn't compromised and me taking shortcuts in photoshop.


Well-known member
+1 for a smoother navbar gradient. :)

Navbar? or shall we say Tab Links as that's what it's named in the html source.


Should just be a stylevar property you can change to a darker color.

Nice suggestion Shelley.

I am glad "What's new" btw, .. isn't in the middle - I really would dislike that :)


Well-known member
it is just the light-blue-color at the upper-side of this navbar-element, which makes the white text a bit hard to read........

Also, when hoovering over the word "Forum", there is no indication that you can actually click onto the word "Forum" in order to get back to the Forums-list.
Meaning, the word "Forum" should get underlined or something else in order for the user to recognize that he is still able to click on the word "Forum". If you do not like to underline the word on hoover, maybe make it with a background-change on hoover, so that the user understands he can click on the owrd "Forum".


XenForo developer
Staff member
The change of the arrow cursor to the hand/pointer cursor is a universal indicator that an item is clickable.


XenForo developer
Staff member
Our gradients don't contain any color, they just lighten or darken what's there. This is to make base color changes much easier. The color also has to come from our color palette set, which has more than enough blues in it as is (we have a selection of "primary" and "secondary" colors). As far as we can tell, the gradient doesn't pull from one of the colors in our set.