finistere: add theme (#74747)

static/finistere/_custom.scss

@@ -0,0 +1,78 @@
+body.has-picture .site-nav::after {
+	top: 0;
+}
+
+h1#logo.has-logo {
+	a {
+		margin-top: 20px;
+		
+		@media(max-width: $very-small-limit) {
+			margin-top: 60px;
+		}
+	}
+}
+
+@media($min-desktop-viewport) {
+	.site-nav {
+		margin-top: -50px;
+		z-index: 500;
+	}
+}
+
+.gru-nav {
+	.menu, .submenu {
+		&--link {
+			font-weight: 500;
+			font-size: 1.2rem;
+		}
+	}
+
+	@media($min-desktop-viewport) {
+		display: flex;
+		justify-content: center;
+
+		.menu, .submenu {
+			background: white;
+			&--link {
+				font-weight: 500;
+				font-size: 1.2rem;
+			}
+		}
+
+		.menu {
+			&--link {
+				text-transform: uppercase;
+			}
+		}
+
+		.submenu {
+			border: 2px solid $blue-3;
+			&--item{
+				margin: 0 10px;
+
+				&:not(:last-child) {
+					border-bottom: 1px solid $blue-3;
+				}
+			}
+		}
+	}
+}
+
+input, input[type="search"], textarea, select {
+	&:not([readonly]) {
+		&:hover, &:focus {
+			background: white;
+		}
+	}
+}
+
+%inverted-button {
+	background: $blue-3;
+	color: black;
+	border: none;
+
+	&:hover {
+		background: $blue-2;
+		color: black;
+	}
+}

static/finistere/_vars.scss

@@ -0,0 +1,78 @@
+@import '../includes/fonts/ubuntu';
+
+// colors / typo
+$blue-1: #2E496B;
+$blue-2: #2699d6;
+$blue-3: #8DA3B0;
+$blue-4: #88BCE7;
+$gray-1: #F1F1F1;
+$yellow: #ffdc00;
+
+$primary-color: $blue-1;
+$font-size: 1rem;
+$font-family: Ubuntu, sans-serif;
+$link-color: $blue-1;
+$header-logo-size: 180px 60px;
+
+$nav-background: transparent;
+$nav-color: black;
+
+$nav-active-color: $blue-1;
+$nav-border-color: none;
+$nav-height: auto !default;
+$nav-menu-side: 50px !default;
+$nav-menu-color: black;
+$nav-full-width-background: true;
+
+$nav-item-selected-border: none;
+$nav-item-selected-background: $yellow;
+$nav-item-selected-color: black;
+$nav-item-hover-color: $blue-2;
+$nav-item-hover-background: transparent;
+
+$nav-mobile-menu-background: white;
+$nav-mobile-menu-item-hover-background: none;
+
+$title-background: transparent;
+$title-color: black;
+$title-font-size: 1.6rem;
+$title-weight: 500;
+$title-border-radius: 0;
+$title-border-bottom: 1px dotted black;
+
+$cell-background: white;
+$cell-border: none;
+$cell-border-radius: 4px;
+$cell-title-cover-border: true;
+
+$cell-entry-hover-background: $blue-1;
+$cell-entry-hover-color: white;
+$cell-entry-border: none;
+
+$button-background: $blue-1;
+$button-color: white;
+$button-border: none;
+$button-hover-background: $blue-4;
+$button-hover-color: black;
+$button-border-radius: 2px;
+$nav-button-background: $blue-4;
+
+$widget-background: $gray-1;
+$widget-color: black;
+$widget-border-radius: 2px;
+$widget-focus-outline: none;
+
+$cancel-button-style: "%inverted-button";
+
+$cell-entry-hover-color: black;
+$cell-entry-hover-background: $blue-4;
+
+$wcs-step-color: $blue-3;
+$wcs-step-border-bottom: 1px solid $wcs-step-color;
+$wcs-step-current-border-bottom: 1px solid $primary-color;
+$wcs-step-marker-size: 1.8em;
+$buttons-order: previous, cancel (grow), submit;
+
+$footer-background: $blue-3;
+$footer-color: black;
+$footer-link-color: black;

static/finistere/config.json

@@ -0,0 +1,16 @@
+{
+  "label": "Finistère",
+  "variables": {
+    "theme_color": "#2E496B",
+    "email_header_asset": "emails:logo"
+  },
+  "settings": {
+    "combo": {
+      "COMBO_ASSET_SLOTS.update": {
+        "header:background": { "label": "Têtière : fond" },
+        "header:logo": { "label": "Têtière : logo" },
+        "emails:logo": { "label": "Courriels : logo" }
+      }
+    }
+  }
+}

static/finistere/style.scss

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