Fix navbar being blue

This commit is contained in:
Clément Fournier 2020-09-28 18:10:48 +02:00
parent b05554031a
commit faa3015629
2 changed files with 5 additions and 14 deletions

View File

@ -1,5 +1,5 @@
<!-- Navigation -->
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
<nav class="navbar navbar-expand-lg fixed-top navbar-dark">
<div class="container topnavlinks">
<a class="navbar-brand fas fa-home fa-lg" href="index.html">&nbsp;<span class="projectTitle"> {{site.topnav_title}}</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

View File

@ -37,24 +37,15 @@ a[data-toggle="tooltip"] {
cursor: default;
}
.navbar-inverse {
.navbar {
background-color: #01c172;
border-color: #5b893c;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
color: #5b893c;
.navbar .nav-item > .nav-link {
color: white !important; /* bootstrap adds 0.5 transparency which we must override */
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #5b893c;
color: #ffffff;
}
/* not sure if using this ...*/
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #01c172 !important;
}
.btn-primary {
color: #ffffff;
@ -96,4 +87,4 @@ li.sidebarTitle {
margin-bottom:10px;
margin-left: 5px;
}
}