Color of Nav bar?

[NickvashKani]

Does anyone know what piece of code defines the color of the navigation bar (the text color and the background color of the link if you're on that page0. Using my browser inspector, the color is #007bff but for the life of me I can't seem to find that value anywhere in the all the files. Maybe its a preset bootstrap value? I looked through all the colors defined in bootstrap.min.css abut nothing seems to change the blue navbar color.

Does anyone know if there a way to change to navbar color to something other than bright blue? I know it's a minor thing but I've spent a day struggling with this and now I got to see this through :-P.

Also, this is an amazing website template and really appreciate it. This is my first research group website and it's looking great so far!

Thanks
Nickvash Kani

[sampsyo]

Hi there! Awesome; glad it's useful.

Those colors do indeed come from Bootstrap. The template is on Bootstrap v3.0.2:
https://bootstrapdocs.com/v3.0.2/docs/getting-started/

To change that stuff, you might consider applying a Bootstrap theme. The venerable old Bootswatch has some to pick from:
https://bootswatch.com/3/

While I don't know for certain, I'd be pretty optimistic that swapping out the relevant CSS file with one of those themed files would "just work."

[NickvashKani]

I figured it out. Jesus Christ I can't believe I figured it out. The problem was that I was assuming the page style was defined by the bootstrap.min.css file located in the /css folder. But that's not true (at least in the most recent build of the website. If we look at the default.html we see this bit of code near the top:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">

So that means the bootstrap CSS file in the directory isn't even being used! And it's different than the one that the default page actually links to. So I went to that page and downloaded the new bootstrap CSS file. Doing a search for #007bff yields 30 instances. Changed those (via simple find and replace) to match my own color palette.

So the major issue was that there are files in the template that are apparently not being used. For instance, under _layouts I see the wacas.html template but as far as I can tell, that file is not actually used anywhere, is it?

[sampsyo]

Great; glad you tracked that down! And sorry for the misdirection!!

Yep, removing the dead files would be great. (I agree; the template is unused too.) Any chance you could put together a very simple PR?

[NickvashKani]

Sure. I've never done a PR before but I'll give it a shot in the next couple of days!