add tonneville theme (#13960)

Makefile

@@ -29,6 +29,7 @@ css:
 	cd static/saint-vallier-de-thiey/ && sass style.scss:style.css
 	cd static/sictiam/ && sass style.scss:style.css
 	cd static/sospel/ && sass style.scss:style.css
+	cd static/tonneville/ && sass style.scss:style.css
 	cd static/tournai/ && sass style.scss:style.css
 	rm -rf static/*/.sass-cache/
 

static/tonneville/_custom.scss

@@ -0,0 +1,46 @@
+body {
+	background: #071726;
+}
+
+#footer {
+	background: #2F3943;
+	border-top: 1px solid black;
+	padding-bottom: 2em;
+}
+
+#footer-wrapper {
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+#header-wrapper {
+	background: transparent url(header-bg.jpeg) top center no-repeat;
+	height: 230px;
+}
+
+h1#logo {
+	padding-top: 180px;
+}
+
+h1#logo a {
+	color: white;
+}
+
+div#nav,
+div#nav > ul {
+	margin: 0 auto;
+}
+
+div#nav-wrapper {
+	background: $nav-background;
+}
+
+div#nav {
+	text-transform: uppercase;
+}
+
+div#main-content-wrapper {
+	background: white;
+	box-sizing: border-box;
+	padding: 1ex;
+}

static/tonneville/style.scss

@@ -0,0 +1,35 @@
+@charset "UTF-8";
+
+$primary-color: #ED3237; /* red */
+
+$width: 1000px;
+$font-color: #333;
+$font-size: 12px;
+$font-family: Arial, Helvetica, sans-serif;
+$nav-background: $primary-color;
+$nav-color: white;
+$nav-active-color: darken($nav-background, 10%);
+$border-radius: 0px;
+$button-background: $primary-color;
+$title-background: transparent;
+$title-weight: bold;
+$title-border-bottom: 1px solid $primary-color;
+$title-color: $primary-color;
+$title-font-size: $font-size * 1.4;
+$footer-background: transparent;
+$footer-color: #cdcdcd;
+$link-color: #255989;
+
+@import '../includes/utils';
+@import '../includes/general';
+@import '../includes/title';
+@import '../includes/layout';
+@import '../includes/nav';
+@import '../includes/cells';
+@import '../includes/user-info';
+@import '../includes/forms';
+@import '../includes/wcs';
+@import '../includes/misc';
+@import '../includes/a11y';
+
+@import 'custom';

themes.json

@@ -182,6 +182,14 @@
      "theme_color": "#333333"
    }
   },
+  {"id": "tonneville",
+   "label": "Tonneville",
+   "variables": {
+     "css_variant": "tonneville",
+     "no_extra_js": true,
+     "theme_color": "#ED3237"
+   }
+  },
   {"id": "tournai",
    "label": "Tournai",
    "variables": {