Updating navbar/footer background colour

[Sean-Stilwell]

I have an instance of DMPRoadmap (current version) that I'm trying to update some basic styling on. I've been tweaking the colours and have run into some issues with changing the navbar or footer background.

Those colours are defined in _navbars.scss as the $navbar-branding-bg variable, which is defined in _bootstrap.scss as the $color-navbar-background variable, which is defined in _colours.scss as the $color-grey-darkest variable which is set to hexcode 222 by default.

I've changed the value set for $color-grey-darkest, which updates much of the app but notably not the navbar or footer (similar to what #2164 encountered). I've gone as far as trying to hardcode it to another value in _navbars.scss but it always displays the default 222.

Is there any easy way to change the navbar/footers colour?

[briri]

Hi @Sean-Stilwell if you've tried hard coding and it still didn't change, then I suspect it may be cached in your browser. Try clearing the cache or in a different browser altogether to see if your change works.

Rails uses the "asset pipeline" to manage those stylsheet assets and it can be finicky at times and will depend on how you're running the site. Are you running locally in development mode with rails server or do you have it deployed and running as a daemon in production mode? If running in development mode, it should pick up your changes when you refresh the screen, if you're running in production mode try running (from the root project folder) rails assets:clobber && rails assets:precompile and then restart puma. This will rebuild all of the assets.