2 files changed, 187 insertions, 0 deletions
diff --git a/config/vnstat2/vnstat_php_frontend/themes/espresso/style.css b/config/vnstat2/vnstat_php_frontend/themes/espresso/style.css
new file mode 100644
index 00000000..e5dff7f9
--- /dev/null
+++ b/config/vnstat2/vnstat_php_frontend/themes/espresso/style.css
@@ -0,0 +1,170 @@
+body
+{
+	background-color: #363330;
+	margin: 8px;
+	padding: 0;
+}
+
+#content
+{
+    width: 898px;
+}
+
+#sidebar
+{
+    position: absolute;
+    left: 8px;
+    top: 8px;
+    width: 160px;
+    border-right: 1px solid #D3CAAA;
+    border-collapse: collapse;
+    float: left;
+}
+
+#sidebar ul.iface
+{
+    margin: 0px;
+    padding: 0px;
+    border-top: 1px dashed #D3CAAA;
+    background-color: #363330;
+    color: #D3CAAA;
+}
+
+#sidebar li.iface
+{
+    list-style-type: none;
+    margin: 0px;
+    padding: 0px;
+    font-family: 'Trebuchet MS', Verdana, sans-serif;
+    font-size: 1em;
+    font-weight: bold;
+    border-bottom: 1px dashed #D3CAAA;
+}
+
+#sidebar a
+{
+    font-family: 'Trebuchet MS', Verdana, sans-serif;
+    font-size: 1em;
+    font-weight: bold;
+}
+
+#sidebar ul.page
+{
+    margin: 0px;
+    padding: 0px;
+    border-top: 1px dashed #D3CAAA;
+}
+
+#sidebar li.page
+{
+    list-style-type: none;
+    margin: 0px;
+    padding: 4px;
+    border: none;
+    font-family: 'Trebuchet MS', Verdana, sans-serif;
+    font-size: 0.75em;
+    font-weight: normal;
+    text-align: right;
+    background-color: #413D39;
+    color: #D3CAAA;
+}
+
+
+#header
+{
+    width: 720px;
+    margin-left: 160px;
+    padding: 0px 8px 0px 8px;
+    border-width: 1px 1px 1px 1px;
+    border-style: dashed solid dashed solid;
+    border-color: #D3CAAA;
+    border-collapse: collapse;
+    background-color: #363330;
+    color: #D3CAAA;
+    font-family: 'Trebuchet MS', Verdana, sans-serif;
+    font-size: 1em;
+    font-weight: bold;
+    text-align: center;
+}
+
+#footer
+{
+    width: 720px;
+    margin-left: 160px;
+    padding: 2px 8px 2px 8px;
+    border-width: 1px 1px 1px 1px;
+    border-style: solid;
+    border-color: #D3CAAA;
+    border-collapse: collapse;
+    background-color: #363330;
+    color: #D3CAAA;
+    font-family: 'Trebuchet MS', Verdana, sans-serif;
+    font-size: 0.70em;
+    text-align: center;
+}
+
+#main
+{
+    width: 720px;
+    margin-left: 160px;
+    padding: 8px 8px 8px 8px;
+    border-left: 1px solid #D3CAAA;
+    border-right: 1px solid #D3CAAA;
+    border-collapse: collapse;
+}
+
+#main td
+{
+    font-family: 'Trebuchet MS', Verdana, sans-serif;
+    font-size: 0.8em;
+}
+
+#main td.numeric_odd
+{
+    text-align: right;
+    background-color: #756F68;
+    color: #D3CAAA;
+}
+
+#main td.numeric_even
+{
+    text-align: right;
+    background-color: #544C4A;
+    color: #D3CAAA;
+}
+
+#main td.label_odd
+{
+    background-color: #413D39;
+    color: #D3CAAA;
+}
+
+#main td.label_even
+{
+    background-color: #5A514F;
+    color: #D3CAAA;
+}
+
+#main th.label
+{
+    font-family: 'Trebuchet MS', Verdana, sans-serif;
+    font-size: 1em;
+    font-weight: bold;
+    background-color: #413D39;
+    color: #D3CAAA;
+}
+
+#main caption
+{
+    font-family: 'Trebuchet MS', Verdana, sans-serif;
+    font-size: 1.25em;
+    font-weight: bold;
+    padding: 4px;
+    color: #D3CAAA;
+}
+
+a
+{
+    text-decoration: none;
+    color: #D3CAAA;
+}
diff --git a/config/vnstat2/vnstat_php_frontend/themes/espresso/theme.php b/config/vnstat2/vnstat_php_frontend/themes/espresso/theme.php
new file mode 100644
index 00000000..3c7818f5
--- /dev/null
+++ b/config/vnstat2/vnstat_php_frontend/themes/espresso/theme.php
@@ -0,0 +1,17 @@
+<?php
+	// A dark colorscheme based on a contribution by Márcio Bremm
+	// It is based also on Espresso (gtkrc theme) by Jesse L. Kay
+	$colorscheme = array(
+		'image_background'   => array( 065, 061, 057,   0 ),
+		'graph_background'   => array( 117, 111, 104,  30 ),
+		'graph_background_2' => array( 128, 122, 102,  30 ),
+		'grid_stipple_1'     => array( 140, 140, 140,   0 ),
+		'grid_stipple_2'     => array( 200, 200, 200,   0 ),
+		'border'             => array( 211, 202, 170,   0 ),
+		'text'               => array( 211, 202, 170,   0 ),
+		'rx'                 => array( 211, 202, 170,  50 ),
+		'rx_border'	       => array(  80,  40,  40,  90 ),
+		'tx'	              => array( 163, 156, 131,  50 ),
+		'tx_border'          => array(  60,  60,  60,  90 )
+	);
+?>