add dreux theme (#25283)

static/dreux/_custom.scss

@@ -0,0 +1,73 @@
+@import '../includes/font-roboto';
+
+h1#logo a {
+	background: url('img/logo.png') no-repeat;
+	background-size: contain;
+	background-color: transparent;
+	height: 215px;
+	display: block;
+	text-indent: -9999px;
+	width: 1892px;
+}
+
+div#header-wrapper {
+	border-top: 30px solid $secondary-color;
+}
+
+div#toplinks {
+	top: -30px;
+	border: 0;
+	box-shadow: none;
+	background: transparent;
+	a {
+		color: white;
+	}
+}
+
+div.buttons.submit {
+	@include flexbox();
+	div.submit-button {
+		order: 3;
+	}
+}
+
+#footer {
+	@include flexbox();
+	@include justify-content(space-between);
+	@media screen and (max-width: $mobile-limit) {
+		@include vendor-prefix(flex-direction, column);
+	}
+	div.cell {
+		vertical-align: top;
+		max-width: 50%;
+		margin: 0 50px 0 10px;
+	}
+	h2:first-child {
+		font-size: 1.25rem;
+		top: -1px;
+		left: -1px;
+		padding-top: 5px;
+		position: relative;
+	}
+	h2:after {
+		content: "";
+		width: 5rem;
+		height: 2px;
+		background-color: $primary-color;
+		position: absolute;
+		top: -1px;
+		left: 0;
+	}
+	p {
+		margin: auto;
+		font-size: 16px;
+	}
+}
+
+@media screen and (max-width: $mobile-limit) {
+	#header #top #logo a {
+		height: 75px;
+		width: 100%;
+		background-position: 0 50%;
+	}
+}

static/dreux/_vars.scss

@@ -0,0 +1,21 @@
+$primary-color: #d29340;
+$secondary-color: #0a0a0a;
+
+$width: 1100px;;
+$font-color: $secondary-color;
+$font-family: "Roboto", Helvetica, Arial, sans-serif;
+$font-size: 15px;
+$nav-background: $primary-color;
+$nav-submenu-background: transparentize($primary-color, 0.1);
+$nav-color: white;
+$nav-active-color: darken($primary-color, 10%);
+$border-radius: 4px;
+$button-background: $secondary-color;
+$title-background: $primary-color;
+$title-color: white;
+$footer-background: $secondary-color;
+$footer-color: white;
+$category-toggled-link-hover-color: $secondary-color;
+$category-toggled-background: $primary-color;
+$cell-entry-hover-color: $primary-color;
+$link-color: $secondary-color;

static/dreux/style.scss

@@ -0,0 +1,6 @@
+@charset "UTF-8";
+
+@import 'vars';
+@import '../includes/publik';
+@import '../includes/flexbox_mixins';
+@import 'custom';

themes.json

@@ -102,6 +102,14 @@
      "css_variant": "dardilly",
      "no_extra_js": true,
      "theme_color": "#008FCB"
+    }
+   },
+   {"id": "dreux",
+    "label": "Dreux",
+    "variables": {
+      "css_variant": "dreux",
+      "no_extra_js": true,
+      "theme_color": "#d29340"
    }
   },
   {"id": "dauphine",