diff --git a/public/s/css/w0bm.css b/public/s/css/w0bm.css
index 1717ed0..18a6ea8 100644
--- a/public/s/css/w0bm.css
+++ b/public/s/css/w0bm.css
@@ -262,4 +262,8 @@ video {
     grid-template-columns: auto auto 1fr;
     grid-gap: 0.25em;
   }
+}
+
+.bg-black {
+  background: #0000008a !important;
 }
\ No newline at end of file
diff --git a/views/snippets/navbar.html b/views/snippets/navbar.html
index 22aa565..0828f4b 100644
--- a/views/snippets/navbar.html
+++ b/views/snippets/navbar.html
@@ -63,43 +63,49 @@
 </nav>
 @else
 <!-- not logged in -->
-<nav class="navbar navbar-expand-lg">
-  <a class="navbar-brand" href="/"><img class="image-brand" src="/s/img/w0bm_mosh_banner_by_marderchen.gif"
-      alt="w...?"><span class="f0ck" width="" height=""></span></a>
-  <li class="nav-item dropdown" style="visibility: hidden;" id="themes">
-    <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
-    <ul class="dropdown-menu shii">
-      @each(themes as t)
-      <li><a href="/theme/{{ t }}">{{ t }}</a></li>
-      @endeach
-    </ul>
-  </li>
-  @if(url.pathname === "/" || url.pathname.startsWith("/p/"))
-  <div class="collapse navbar-collapse show" id="navbarSupportedContent">
-    <div class="pagination-container-fluid">
-      <div class="pagination-wrapper">
-        @if(typeof pagination !== "undefined")
-        <nav class="pagination">
-          <a href="{{ link.main }}{{ link.path }}{{ pagination.start }}"
-            class="page-item-1 btn start@if(!pagination.prev) disabled@endif">&laquo;</a>
-          <a href="{{ link.main }}{{ link.path }}{{ pagination.prev }}"
-            class="page-item-2 btn prev@if(!pagination.prev) disabled@endif">&lsaquo;</a>
-          @each(pagination.cheat as i)
-          @if(i == pagination.page)
-          <span class="btn disabled">{{ i }}</span>
-          @else
-          <a href="{{ link.main }}{{ link.path }}{{ i }}" class="pagination-int-item btn">{{ i }}</a>
-          @endif
-          @endeach
-          <a href="{{ link.main }}{{ link.path }}{{ pagination.next }}"
-            class="page-item-3 btn next@if(!pagination.next) disabled@endif">&rsaquo;</a>
-          <a href="{{ link.main }}{{ link.path }}{{ pagination.end }}"
-            class="page-item-4 btn start@if(!pagination.next) disabled@endif">&raquo;</a>
-        </nav>
-        @endif
-      </div>
-    </div>
+@if(url.pathname === "/" || url.pathname.startsWith("/p/"))
+<nav class="navbar navbar-expand-lg bg-black">
+  @else
+  <nav class="navbar navbar-expand-lg">
     @endif
-  </div>
-</nav>
-@endif
\ No newline at end of file
+    <a class="navbar-brand" href="/"><img class="image-brand" src="/s/img/w0bm_mosh_banner_by_marderchen.gif"
+        alt="w...?"><span class="f0ck" width="" height=""></span></a>
+    <li class="nav-item dropdown" style="visibility: hidden;" id="themes">
+      <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
+      <ul class="dropdown-menu shii">
+        @each(themes as t)
+        <li><a href="/theme/{{ t }}">{{ t }}</a></li>
+        @endeach
+      </ul>
+    </li>
+    @if(url.pathname === "/" || url.pathname.startsWith("/p/"))
+    <div class="collapse navbar-collapse show" id="navbarSupportedContent">
+      <div class="pagination-container-fluid">
+        <div class="pagination-wrapper">
+          @if(typeof pagination !== "undefined")
+          <nav class="pagination">
+            <a href="{{ link.main }}{{ link.path }}{{ pagination.start }}"
+              class="page-item-1 btn start@if(!pagination.prev) disabled@endif">&laquo;</a>
+            <a href="{{ link.main }}{{ link.path }}{{ pagination.prev }}"
+              class="page-item-2 btn prev@if(!pagination.prev) disabled@endif">&lsaquo;</a>
+            @each(pagination.cheat as i)
+            @if(i == pagination.page)
+            <span class="btn disabled">{{ i }}</span>
+            @else
+            <a href="{{ link.main }}{{ link.path }}{{ i }}" class="pagination-int-item btn">{{ i }}</a>
+            @endif
+            @endeach
+            <a href="{{ link.main }}{{ link.path }}{{ pagination.next }}"
+              class="page-item-3 btn next@if(!pagination.next) disabled@endif">&rsaquo;</a>
+            <a href="{{ link.main }}{{ link.path }}{{ pagination.end }}"
+              class="page-item-4 btn start@if(!pagination.next) disabled@endif">&raquo;</a>
+          </nav>
+          @endif
+        </div>
+      </div>
+      @else
+      <div class="collapse navbar-collapse show" id="navbarSupportedContent" style="padding: 5px;">&zwnj;</div>
+      @endif
+    </div>
+  </nav>
+  @endif
\ No newline at end of file