add _vars.scss, change colors, change calendar icon in footer

assets/sass/libs/_vars.scss

@@ -0,0 +1,82 @@
+// Misc.
+	$misc: (
+		z-index-base:		10000
+	);
+
+// Duration.
+	$duration: (
+		navPanel:			0.5s,
+		transition:			0.2s
+	);
+
+// Size.
+	$size: (
+		navPanel:			275px,
+		border-radius:		6px,
+		element-height:		3em,
+		element-margin:		2em,
+		container-width:	60em
+	);
+
+// Font.
+	$font: (
+		family:				('Source Sans Pro', sans-serif),
+		family-fixed:		monospace,
+		weight:				300,
+		weight-bold:		400,
+	);
+
+// Palette.
+	$palette: (
+		bg:					#a1a1a1,
+		fg:					#646464,
+		fg-bold:			#646464,
+		fg-light:			#646464,
+		border:				#e5e5e5,
+		border-bg:			#f8f8f8,
+		border2:			#dddddd,
+		border2-bg:			#f0f0f0,
+
+		header: (
+			bg:				#444,
+			fg:				#bbb,
+			fg-bold:		#fff,
+			fg-light:		#999
+		),
+
+		accent1: (
+			bg:				#666,
+			fg:				mix(#666, #ffffff, 25%),
+			fg-bold:		#ffffff,
+			fg-light:		mix(#666, #ffffff, 40%)
+		),
+
+		accent2: (
+			bg:				#dc0067,
+			fg:				mix(#dc0067, #ffffff, 25%),
+			fg-bold:		#ffffff,
+			fg-light:		mix(#dc0067, #ffffff, 40%)
+		),
+
+		accent3: (
+			bg:				#7fcdb8,
+			fg:				mix(#7fcdb8, #ffffff, 25%),
+			fg-bold:		#ffffff,
+			fg-light:		mix(#7fcdb8, #ffffff, 40%)
+		),
+
+		accent4: (
+			bg:				#90b0ba,
+			fg:				mix(#90b0ba, #ffffff, 25%),
+			fg-bold:		#ffffff,
+			fg-light:		mix(#90b0ba, #ffffff, 40%)
+		),
+
+		accent5: (
+			bg:				#e5cb95,
+			fg:				mix(#e5cb95, #ffffff, 25%),
+			fg-bold:		#ffffff,
+			fg-light:		mix(#e5cb95, #ffffff, 40%)
+		)
+
+	);

assets/sass/main.scss

@@ -1470,17 +1470,17 @@ $bannerURL: "{{ (.Site.Data.homepage.banner.image | default "images/banner.jpg")
 /* Footer */
 
 	#footer {
-		background: #f0f0f0;
+		background: #a1a1a1;
 		padding: 4em 0 6em 0;
 		text-align: center;
 
 		.icons {
 			a {
 				@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
-				opacity: 0.35;
+				opacity: 0.75;
 
 				&:hover {
-					opacity: 0.75;
+					opacity: 1.00;
 				}
 			}
 		}

config.yaml

@@ -48,8 +48,8 @@ params:
       icon: brands fa-github
       link: https://github.com/freifunk-leipzig
 
-    - title: Fediverse
-      icon: brands fa-mastodon
+    - title: calendar
+      icon: solid fa-calendar
       link: https://mobilizon.envs.net/@freifunkleipzig
 
 menu: