custom/themes/custom.less not parsed

The navbar background is overrided by the value in styleguide/themes/clients/base/default/variables.php

In Sugar 12 you can add a custom file to override its value for light mode:

<?php
#custom/themes/clients/base/default/variables.php
$lessdefs = array(
    'colors' => array(
        'NavigationBar' => "#017588",
    )
);

I am not sure if you can make it works with a gradient (it failed on my first attempt).

-------

I am not sure why the @primaryContentBackground does not work, sorry, I usually changes css from javascript.
Changing the light theme value does works but probably changes more backgrounds than the ones you are targeting.

body.sugar-light-theme,
.sugar-light-theme {
  // Indicate to the browser to use system colour scheme for radio buttons and dropdowns
  color-scheme: light;

  --primary-content-background: linear-gradient(to right, #017588, #026f85);
}

So I have tried and in fact he reacts to my change BUT.. there is some sort of overlay (not my doing, sugar) over the actual navbar for that IOS like "blurry" / "hazy" effect that is rendered on top my greenish gradient and navbar background change is not shown, it appears like a very vague shadow

So I have tried and in fact he reacts to my change BUT.. there is some sort of overlay (not my doing, sugar) over the actual navbar for that IOS like "blurry" / "hazy" effect that is rendered on top my greenish gradient and navbar background change is not shown, it appears like a very vague shadow

I feel you (this is what I dislike the most).

Here we do not use anymore the custom css or variables.php files but just change styles with jQuery.

It can be frustrating as you need to find the right selectors, but it works and you only need to repair once as you can first try your changes directly in the browser until you get it right.