I have followed the steps described in Inheriting from Barceloneta to create a theme that inherits from Barceloneta. Now I want to change some colors.
Currently, my LESS file looks like this:
As a result, my website looks like a Barceloneta-styled website, except that the navigation bar is green.
@plone-sitenav-bg is defined to be
variables.plone.less. So if I changed
@plone-link-color, it should also affect
@plone-sitenav-bg. Let’s try with the following LESS file:
Unfortunately, the navigation bar does not show up in green this way, but in blue, like in the Barceloneta theme.
There is something else that is strange. When setting
@plone-link-color as described above and also when not making any custom definitions at all, the generated CSS contains the setting
background-color: #007bb3 for
.plone-navbar, although the original value of
When generating the CSS outside Plone using
lessc, everything works as expected: When setting
background-color value for
#008000, and when not making any custom definitions, it becomes
Can anyone please explain what is going on here? Is this because of bugs in Plone’s LESS compiler? What LESS compiler is Plone using actually?