swap to dark background with circular logo

app/views/layouts/_nav.html.erb

@@ -1,9 +1,9 @@
 <!-- Responsive navbar-->
-<%# <nav class="navbar navbar-expand-lg  navbar-dark bg-dark-blue"> %>
-<nav class="navbar navbar-expand-lg">
+<nav class="navbar navbar-expand-lg  navbar-dark bg-dark-blue">
+<%# <nav class="navbar navbar-expand-lg"> %>
   <div class="container px-5">
     <a class="navbar-brand" href="/" >
-      <%= image_tag "circle_on_white_logo.svg" , style: "height: 100px;" %>
+      <%= image_tag "transparent_circle_logo.svg" , style: "height: 100px;" %>
     </a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
     <div class="collapse navbar-collapse" id="navbarSupportedContent">