Override @active__color in theme

Question

I've defined _theme_extend.less and _extend.less. In _theme_extend.less I've had some success overriding values from the parent theme (in my case luma).

I have not been able to affect deeper changes though. I think if I could change something like @active__color defined in ./lib/web/css/source/lib/variables/_colors.less that would take care of a lot of variables I'd have to override individually.

I've been unable to override @active__color from my theme though. I tried creating _colors_extend.less and @import _colors_extend.less in _extend.less, however that doesn't do the trick. How can I override @active_color?

Answer 1

You can do this in your theme's web/css/source/_extend.less file:

@active__color: @your-color;

Confirmed to work in 2.1

Answer 2

Aaron perfect thanks! > web/css/source/_extend.less

@active_color: blue; 

will change the accent colour (menu select colour) to blue

Note no @ symbol

Confirmed to work 2.2

make sure to flush static files cache.