diff --git a/html/css/dark.css b/html/css/dark.css
new file mode 100644
index 000000000..674a91ec1
--- /dev/null
+++ b/html/css/dark.css
@@ -0,0 +1,19 @@
+.fa-nav-icons {
+ color: #e30613;
+}
+
+.fa-col-success {
+ color: #3c763d;
+}
+
+.fa-col-info {
+ color: #31708f;
+}
+
+.fa-col-primary {
+ color: #357ebd;
+}
+
+.twitter-typeahead .tt-hint {
+ border-color: #000 !important;
+}
diff --git a/html/css/font-awesome.css b/html/css/font-awesome.css
new file mode 120000
index 000000000..3edd66c5e
--- /dev/null
+++ b/html/css/font-awesome.css
@@ -0,0 +1 @@
+../../lib/Font-Awesome/css/font-awesome.css
\ No newline at end of file
diff --git a/html/css/font-awesome.min.css b/html/css/font-awesome.min.css
new file mode 120000
index 000000000..53353a3ff
--- /dev/null
+++ b/html/css/font-awesome.min.css
@@ -0,0 +1 @@
+../../lib/Font-Awesome/css/font-awesome.min.css
\ No newline at end of file
diff --git a/html/css/light.css b/html/css/light.css
new file mode 100644
index 000000000..b51d42c1f
--- /dev/null
+++ b/html/css/light.css
@@ -0,0 +1,16 @@
+.fa-nav-icons {
+ color: #e30613;
+}
+
+.fa-col-success {
+ color: #3c763d;
+}
+
+.fa-col-info {
+ color: #31708f;
+}
+
+.fa-col-primary {
+ color: #357ebd;
+}
+
diff --git a/html/css/styles.css b/html/css/styles.css
index e7a0f1a9f..18109d9f7 100644
--- a/html/css/styles.css
+++ b/html/css/styles.css
@@ -2,6 +2,8 @@ body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
+ padding-bottom: 50px;
+ padding-top: 50px;
background: rgb(255,255,255); /* Old browsers */
color: #555;
font-size: 10pt;
diff --git a/html/fonts/FontAwesome.otf b/html/fonts/FontAwesome.otf
new file mode 120000
index 000000000..c5bacc105
--- /dev/null
+++ b/html/fonts/FontAwesome.otf
@@ -0,0 +1 @@
+../../lib/Font-Awesome/fonts/FontAwesome.otf
\ No newline at end of file
diff --git a/html/fonts/fontawesome-webfont.eot b/html/fonts/fontawesome-webfont.eot
new file mode 120000
index 000000000..9be24e67f
--- /dev/null
+++ b/html/fonts/fontawesome-webfont.eot
@@ -0,0 +1 @@
+../../lib/Font-Awesome/fonts/fontawesome-webfont.eot
\ No newline at end of file
diff --git a/html/fonts/fontawesome-webfont.svg b/html/fonts/fontawesome-webfont.svg
new file mode 120000
index 000000000..b5f1461f3
--- /dev/null
+++ b/html/fonts/fontawesome-webfont.svg
@@ -0,0 +1 @@
+../../lib/Font-Awesome/fonts/fontawesome-webfont.svg
\ No newline at end of file
diff --git a/html/fonts/fontawesome-webfont.ttf b/html/fonts/fontawesome-webfont.ttf
new file mode 120000
index 000000000..bd3872128
--- /dev/null
+++ b/html/fonts/fontawesome-webfont.ttf
@@ -0,0 +1 @@
+../../lib/Font-Awesome/fonts/fontawesome-webfont.ttf
\ No newline at end of file
diff --git a/html/fonts/fontawesome-webfont.woff b/html/fonts/fontawesome-webfont.woff
new file mode 120000
index 000000000..5cb8a4400
--- /dev/null
+++ b/html/fonts/fontawesome-webfont.woff
@@ -0,0 +1 @@
+../../lib/Font-Awesome/fonts/fontawesome-webfont.woff
\ No newline at end of file
diff --git a/html/fonts/fontawesome-webfont.woff2 b/html/fonts/fontawesome-webfont.woff2
new file mode 120000
index 000000000..33f58f9cc
--- /dev/null
+++ b/html/fonts/fontawesome-webfont.woff2
@@ -0,0 +1 @@
+../../lib/Font-Awesome/fonts/fontawesome-webfont.woff2
\ No newline at end of file
diff --git a/html/images/librenms_logo.png b/html/images/librenms_logo.png
index 9c2001ffd..3c999691c 100644
Binary files a/html/images/librenms_logo.png and b/html/images/librenms_logo.png differ
diff --git a/html/images/librenms_logo_dark.png b/html/images/librenms_logo_dark.png
new file mode 100644
index 000000000..3c999691c
Binary files /dev/null and b/html/images/librenms_logo_dark.png differ
diff --git a/html/images/librenms_logo_light.png b/html/images/librenms_logo_light.png
new file mode 100644
index 000000000..9c2001ffd
Binary files /dev/null and b/html/images/librenms_logo_light.png differ
diff --git a/html/includes/print-menubar.php b/html/includes/print-menubar.php
index b71bc2cf6..aba93a2d5 100644
--- a/html/includes/print-menubar.php
+++ b/html/includes/print-menubar.php
@@ -16,9 +16,13 @@ if (isset($config['enable_bgp']) && $config['enable_bgp'])
$bgp_alerts = dbFetchCell("SELECT COUNT(bgpPeer_id) FROM bgpPeers AS B where (bgpPeerAdminStatus = 'start' OR bgpPeerAdminStatus = 'running') AND bgpPeerState != 'established'");
}
+if (isset($config['site_style']) && $config['site_style'] == 'dark') {
+ $navbar = 'navbar-inverse';
+}
+
?>
-