Colorize navbar background

This commit is contained in:
Jonah Aragon 2021-01-16 20:50:44 -06:00
parent 960181d8b2
commit 44d7721892
No known key found for this signature in database
GPG Key ID: 6A957C9A9A9429F7
4 changed files with 2 additions and 8 deletions

View File

@ -1,4 +1,4 @@
<nav class="navbar navbar-expand-lg navbar-light"> <nav class="navbar navbar-expand-lg navbar-light bg-primary">
<div class="container"> <div class="container">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<h1>{% include svg/privacy-guides-logo.svg %}</h1> <h1>{% include svg/privacy-guides-logo.svg %}</h1>

View File

@ -3,7 +3,7 @@
<g transform="matrix(1,0,0,1,-1326.26,-2865.87)"> <g transform="matrix(1,0,0,1,-1326.26,-2865.87)">
<g transform="matrix(0.602992,0,0,0.602992,1163.28,2174.58)"> <g transform="matrix(0.602992,0,0,0.602992,1163.28,2174.58)">
<g transform="matrix(4.16667,0,0,4.16667,225,1108.44)"> <g transform="matrix(4.16667,0,0,4.16667,225,1108.44)">
<path d="M18.466,16.31C18.279,16.938 18.384,17.673 18.594,19.141L21.253,37.755C21.713,40.971 21.942,42.578 22.551,44.015C23.09,45.289 23.845,46.46 24.783,47.476C25.842,48.623 27.212,49.494 29.952,51.238L33.848,53.717C35.716,54.906 36.65,55.5 37.654,55.732C38.426,55.91 39.224,55.933 40.003,55.801C39.359,54.33 39.002,52.706 39.002,50.997C39.002,44.37 44.375,38.997 51.002,38.997C52.936,38.997 54.763,39.455 56.381,40.267C56.494,39.55 56.612,38.726 56.751,37.755L56.751,37.755L59.41,19.141C59.62,17.673 59.725,16.938 59.538,16.31C59.374,15.756 59.053,15.261 58.615,14.885C58.117,14.458 57.403,14.255 55.977,13.847L40.321,9.374C39.83,9.234 39.585,9.164 39.335,9.136C39.114,9.111 38.891,9.111 38.669,9.136C38.42,9.164 38.174,9.234 37.684,9.374L22.027,13.847C20.601,14.255 19.887,14.458 19.39,14.885C18.951,15.261 18.63,15.756 18.466,16.31Z" class="logoColor"/> <path d="M18.466,16.31C18.279,16.938 18.384,17.673 18.594,19.141L21.253,37.755C21.713,40.971 21.942,42.578 22.551,44.015C23.09,45.289 23.845,46.46 24.783,47.476C25.842,48.623 27.212,49.494 29.952,51.238L33.848,53.717C35.716,54.906 36.65,55.5 37.654,55.732C38.426,55.91 39.224,55.933 40.003,55.801C39.359,54.33 39.002,52.706 39.002,50.997C39.002,44.37 44.375,38.997 51.002,38.997C52.936,38.997 54.763,39.455 56.381,40.267C56.494,39.55 56.612,38.726 56.751,37.755L56.751,37.755L59.41,19.141C59.62,17.673 59.725,16.938 59.538,16.31C59.374,15.756 59.053,15.261 58.615,14.885C58.117,14.458 57.403,14.255 55.977,13.847L40.321,9.374C39.83,9.234 39.585,9.164 39.335,9.136C39.114,9.111 38.891,9.111 38.669,9.136C38.42,9.164 38.174,9.234 37.684,9.374L22.027,13.847C20.601,14.255 19.887,14.458 19.39,14.885C18.951,15.261 18.63,15.756 18.466,16.31Z" class="svg-light"/>
</g> </g>
</g> </g>
<g transform="matrix(0.602992,0,0,0.602992,1163.28,2174.58)"> <g transform="matrix(0.602992,0,0,0.602992,1163.28,2174.58)">

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -24,9 +24,6 @@ h1, h2, h3:not(.h5), h4 {
.textColor { .textColor {
fill: $dark; fill: $dark;
} }
.logoColor { // Navbar logo text
fill: $primary;
}
.post-info, .post-title { .post-info, .post-title {
color: theme-color("light"); color: theme-color("light");

View File

@ -56,9 +56,6 @@ $svg-light: $card-bg;
.textColor { // Navbar logo text .textColor { // Navbar logo text
fill: $light; fill: $light;
} }
.logoColor { // Navbar logo text
fill: $primary;
}
.post-info, .post-title { .post-info, .post-title {
color: $light; color: $light;