diff --git a/app/static/css/screen.css b/app/static/css/screen.css
index 27722b4..a9f56be 100644
--- a/app/static/css/screen.css
+++ b/app/static/css/screen.css
@@ -14,8 +14,8 @@
  * limitations under the License.
  */
 
-body            { font-family: sans-serif; background: #eee; }
-a, h1, h2       { color: #377ba8; }
+body            { font-family: sans-serif; background: #1f1f1f; color: #bfbfbf}
+a, h1, h2       { color: #9fc6e0; }
 h1, h2          { font-family: 'Georgia', serif; margin: 0; }
 h1              { border-bottom: 2px solid #eee; }
 h2              { font-size: 1.2em; }
@@ -33,6 +33,8 @@ h2              { font-size: 1.2em; }
                   border: 1px solid #aacbe2; }
 .error          { background: #f0d6d6; padding: 0.5em; }
 
+.logo           { filter: invert(1); vertical-align: top;  width="19" height="19"; }
+
 .wikilink:before {
 	content: "[["
 }
diff --git a/app/templates/base.html b/app/templates/base.html
index e2252df..506acaf 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -26,7 +26,7 @@
 	    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/screen.css')}}" />
 	</head>
 	<span align=left>
-		<a href="/"><img src="/static/img/agora.png" style="vertical-align: top" width="19" height="19"></a> |
+		<a href="/"><img src="/static/img/agora.png" class="logo" style="vertical-align: top" width="19" height="19"></a> |
 	</span>
 	<span align=left>
 		<a href="/nodes">/nodes</a>