diff --git a/styles/vanth.scss b/styles/vanth.scss
index 0ce8c93..7136f89 100644
--- a/styles/vanth.scss
+++ b/styles/vanth.scss
@@ -7,3 +7,18 @@
   position: relative;
   left: 20px;
 }
+
+.inverse-dropdown{
+  background-color: #222;
+  border-color: #080808;
+  &>li>a {
+    color: #999;
+    &:hover {
+      color: #fff;
+      background-color: #000;
+    }
+  }
+  &>.divider {
+    background-color: #000;
+  }
+}
diff --git a/templates/navbar.html b/templates/navbar.html
index 5a4f1bb..3981b6b 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -19,10 +19,10 @@
       <ul class="nav navbar-nav navbar-right">
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ current_user.name }}<span class="caret"></span></a>
-          <ul class="dropdown-menu">
+          <ul class="dropdown-menu inverse-dropdown">
             <li><a href="/settings">Settings</a></li>
             <li role="separator" class="divider"></li>
-            <li><a href="/foo">Logout</a></li>
+            <li><form action-"/logout/" method="POST"><input class="navbar-btn btn-warning" type="submit" value="Log Out"></input></form></li>
           </ul>
         </li>
       </ul>