diff --git a/index.php b/index.php
index fbf0c09..9ad270b 100644
--- a/index.php
+++ b/index.php
@@ -11,6 +11,7 @@ $update = $Config->checkUpdate();
     <title>eZ Server Monitor - <?php echo Misc::getHostname(); ?></title>
     <link rel="stylesheet" href="web/css/utilities.css" type="text/css">
     <link rel="stylesheet" href="web/css/frontend.css" type="text/css">
+    <link rel="stylesheet" href="web/css/darktheme.css" type="text/css">
     <link rel="icon" type="image/x-icon" href="favicon.ico">
     <!--[if IE]>
     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
diff --git a/web/css/darktheme.css b/web/css/darktheme.css
new file mode 100644
index 0000000..94c7130
--- /dev/null
+++ b/web/css/darktheme.css
@@ -0,0 +1,77 @@
+/* fond */
+#main-container {
+    background-color: #000;
+}
+
+/* bandeau principal */
+body.theme-blue nav[role="main"],
+/* bandeaux de titre */
+body.theme-blue .box .box-header {
+    background-color: hsl(203, 76%, 46%);
+}
+nav[role="main"],
+/* logo */
+nav[role="main"] #appname a {
+    color: hsl(0, 0%, 15%);
+}
+
+
+/* police */
+body {
+    font-family: "DejaVu Sans", sans-serif;
+}
+
+/* blocs */
+.box {
+    background-color: hsl(0, 0%, 15%);
+    color: hsl(0, 0%, 85%);
+}
+body.theme-blue .box {
+    border-color: hsl(0, 0%, 40%);
+}
+/* titre */
+.box .box-header h1 {
+    color: hsl(0, 0%, 15%);
+}
+
+/* table */
+table:not(.no-style) tbody tr:nth-child(2n+1) {
+    background-color: hsl(0, 0%, 25%);
+}
+table:not(.no-style) tr {
+    border-bottom-color: hsl(0, 0%, 50%);
+    border-top-color: hsl(0, 0%, 50%);
+}
+body.theme-blue table:not(.no-style) tbody tr:nth-child(2n):hover {
+    background: hsl(0, 0%, 15%);
+}
+body.theme-blue table:not(.no-style) tbody tr:nth-child(2n+1):hover {
+    background: hsl(0, 0%, 25%);
+}
+
+/* bouton recharger */
+body.theme-blue .box .box-header ul li a:hover:not(.disabled),
+body.theme-blue nav[role="main"] > ul > li > a:hover {
+    background: hsl(203, 76%, 46%);
+    color: white !important;
+}
+.box .box-header ul li a,
+nav[role="main"] > ul > li > a {
+    color: hsl(0, 0%, 15%);
+}
+
+/* barre de progression */
+.progressbar-wrap .progressbar.orange {
+    background-color: hsl(23, 76%, 60%);
+}
+.progressbar-wrap .progressbar.green {
+    background-color: hsl(111, 50%, 50%);
+}
+.progressbar {
+	color: black;
+}
+
+/* online offline */
+span.label {
+	color: black;
+}