less

I have designed many color themes for XenForo boards over the years, and at times I would struggle with finding good sets of colors to use. Too many colors can make a design look too busy, and odd color combinations do not appeal to the eye. In addition, there were times I wanted shaded...

With the default theme, if you remove an explicit color definition of a property, it will break the entire layout of the page. To replicate, delete the "Color" field of the "Navigation row" in the "Header and navigation" style properties. It is set to @xf-chromeTextColor by default: This...

Does somebody know the class of the popup when I mark users? The developer mode of chrome doesn't show me the element.

Hi! I have a custom user field called test_color. How can I use the value of this field in extra.less or other less templates? Is there a way to do so without involving xenForo development mode and writing addons?

I have created my custom style variable questionthreads_isStylingBestAnswerUserBg. It has Boolean value type. It is set to true. Now in my LESS template I have this code: .container when (@xf-questionthreads_isStylingBestAnswerUserBg = true) { background: #000; } The problem is that this...

Anyone can tell me how to bring the custom css style properties into a .less-template? I've scanned through various of the templates, but I'm still as clueless as from the beginning, tried @Name, @_name, but the less-compiler keeps throwing Unexpected input in anonymous-file [...].

This add-on lets you customize avatar markup up to your liking (i.e. how avatars should look like). By default it only adds a complimentary gradient, which can be changed in Style Properties → Avatars → Dynamic avatar gradient color function. If you want to further expand on customizations feel...

In XF 1.x.x we have built-in functions to do some operations with properties you'd expect only to be in CSS templates. For example: {xen:helper rgba ''}. It converts a color to an RGBA format. You can invoke these functions in any template. With XF 2 we get LESS, which has a lot of similar...