diff --git a/resources/less/metager/metager-dark.less b/resources/less/metager/metager-dark.less
new file mode 100644
index 0000000000000000000000000000000000000000..deb0a51191fb0d8ef4d7b7e380611f6fc7005310
--- /dev/null
+++ b/resources/less/metager/metager-dark.less
@@ -0,0 +1,27 @@
+@import "../bootstrap/bootstrap.less";
+
+// Variables
+@import "./variables-dark.less";
+// General
+@import "./general/cards.less";
+//@import "./general/forms.less";
+@import "./general/general.less";
+@import "./general/specific.less";
+// Pages
+@import "./pages/contact.less";
+@import "./pages/donation.less";
+@import "./pages/help_faq.less";
+@import "./pages/language.less";
+@import "./pages/privacy.less";
+@import "./pages/resultpage.less";
+@import "./pages/start-page.less";
+@import "./pages/widget.less";
+@import "./pages/settings.less";
+// Parts
+@import "./parts/aufruf-winter.less";
+@import "./parts/footer.less";
+@import "./parts/modals.less";
+@import "./parts/searchbar.less";
+@import "./parts/settings.less";
+@import "./parts/sidebar.less";
+@import "./parts/bitpay.less";
diff --git a/resources/less/metager/variables-dark.less b/resources/less/metager/variables-dark.less
new file mode 100644
index 0000000000000000000000000000000000000000..a1e5622872d00574c697aa7f35249afb3b1f9d25
--- /dev/null
+++ b/resources/less/metager/variables-dark.less
@@ -0,0 +1,30 @@
+// MetaGer Brand Color
+@metager-orange: #FF8000;
+// Shades of Gray
+@color-white: white;
+@color-almost-white: mix(@color-white, @color-black, 90%);
+@color-light-grey: mix(@color-white, @color-black, 75%);
+@color-grey: mix(@color-white, @color-black, 50%);
+@color-strong-grey: mix(@color-white, @color-black, 25%);
+@color-almost-black: mix(@color-white, @color-black, 10%);
+@color-black: black;
+// Default Background Color
+@background-color: @color-almost-black;
+@background-color-mobile: @color-almost-black;
+// Default Font
+@metager-font:
+"Liberation Sans",
+"Helvetica Neue",
+"Helvetica",
+"Arial",
+sans-serif;
+// General text color.
+@text-color: @color-white;
+// Default textual link color.
+@link-color: #06C;
+// Default Mini-Padding
+@padding-small-default: 8px;
+// Screen sizes
+@screen-mobile: 760px;
+@screen-small: 1000px;
+@screen-medium: 1200px;
diff --git a/resources/views/layouts/staticPages.blade.php b/resources/views/layouts/staticPages.blade.php
index 17f9305e1ea1df6c7ce9f57e2f8bd4a4659623f5..6ccc1d10dd0be7e5787d82277b6063c3a7df964f 100644
--- a/resources/views/layouts/staticPages.blade.php
+++ b/resources/views/layouts/staticPages.blade.php
@@ -22,7 +22,8 @@
 		<link rel="apple-touch-icon" sizes="152x152" href="/img/apple/touch-icon-152.png">
 		<link rel="apple-touch-icon" sizes="180x180" href="/img/apple/touch-icon-180.png">
 		<link rel="search" type="application/opensearchdescription+xml" title="{{ trans('staticPages.opensearch') }}" href="{{  LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), action('StartpageController@loadPlugin')) }}">
-		<link type="text/css" rel="stylesheet" href="{{ mix('css/themes/metager.css') }}" />
+		<link type="text/css" rel="stylesheet alternate" href="{{ mix('css/themes/metager.css') }}" title="MetaGer Dark"/>
+		<link type="text/css" rel="stylesheet" href="{{ mix('css/themes/metager.css') }}" title="MetaGer"/>
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/utility.css') }}" />
 		<link href="/fonts/liberationsans/stylesheet.css" rel="stylesheet">
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome.css') }}" />
diff --git a/webpack.mix.js b/webpack.mix.js
index 573059346677b6f5738dc299cbc260fa310a51df..0c51044cede6aa75705430c4afe586f9ea822ea0 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -22,6 +22,9 @@ mix
   .less("resources/less/metager/metager.less", "public/css/themes/metager.css", {
     strictMath: true
   })
+  .less("resources/less/metager/metager-dark.less", "public/css/themes/metager-dark.css", {
+    strictMath: true
+  })
   .less("resources/less/font-awesome/fontawesome.less", "public/css/fontawesome.css", {
     strictMath: true
   })
@@ -77,4 +80,4 @@ mix
   // source maps
   .sourceMaps(false, "inline-source-map")
   // versioning
-  .version();
\ No newline at end of file
+  .version();