Morden: Modify Body & Header colours

morden/sass/_extra-child-theme.scss

@@ -79,7 +79,7 @@ a {
 }
 
 body {
-	background: #{map-deep-get($config-global, "color", "background", "dark")};
+	background: #{map-deep-get($config-global, "color", "background", "light")};
 }
 
 /**
@@ -106,7 +106,7 @@ body {
 	&:active,
 	&:focus,
 	&:hover {
-		background: map-deep-get($config-global, "color", "foreground", "default");
+		background: map-deep-get($config-global, "color", "primary", "default");
 		color: map-deep-get($config-global, "color", "background", "default");
 	}
 }
@@ -188,21 +188,21 @@ body {
 				}
 
 				& > ul {
-					background: #{map-deep-get($config-global, "color", "primary", "default")};
-					border: 1px solid darken(map-deep-get($config-global, "color", "primary", "default"), 20%);
+					background: #{map-deep-get($config-global, "color", "foreground", "default")};
+					border: 1px solid #{map-deep-get($config-global, "color", "foreground", "dark")};
 					border-radius: #{map-deep-get($config-global, "border-radius", "sm")};
 					overflow: hidden;
 				}
 
 				& li {
-					border-top: 1px solid darken(map-deep-get($config-global, "color", "primary", "default"), 20%);
+					border-top: 1px solid #{map-deep-get($config-global, "color", "foreground", "dark")};
 
 					&:first-child {
 						border-top: 0;
 					}
 
 					& > a {
-						background: #{map-deep-get($config-global, "color", "primary", "default")};
+						background: #{map-deep-get($config-global, "color", "foreground", "default")};
 						color: #{map-deep-get($config-global, "color", "background", "default")};
 						padding: #{0.5 * map-deep-get($config-global, "spacing", "unit")} #{1.5 * map-deep-get($config-global, "spacing", "unit")};
 					}
@@ -210,7 +210,7 @@ body {
 					&:hover > a,
 					&.focus > a,
 					&.current-menu-item > a {
-						background: darken(map-deep-get($config-global, "color", "primary", "default"), 10%);
+						background: #{map-deep-get($config-global, "color", "primary", "default")};
 					}
 				}
 			}
@@ -247,7 +247,7 @@ body {
 	}
 
 	&:before {
-		background: #{map-deep-get($config-global, "color", "primary", "default")};
+		background: #{map-deep-get($config-global, "color", "foreground", "default")};
 		content: "";
 		display: block;
 		height: 100%;

morden/style-rtl.css

@@ -3513,7 +3513,7 @@ p:not(.site-title) a:hover {
 }
 
 body {
-	background: #E1DFDF;
+	background: #F8F8F8;
 }
 
 /**
@@ -3540,7 +3540,7 @@ body {
 #toggle-menu:active,
 #toggle-menu:focus,
 #toggle-menu:hover {
-	background: #303030;
+	background: #CD2220;
 	color: white;
 }
 
@@ -3606,15 +3606,15 @@ body {
 	.site-header .main-navigation > div > ul > li:hover > ul,
 	.site-header .main-navigation > div > ul > li.focus > ul,
 	.site-header .main-navigation > div > ul > li.current-menu-item > ul {
-		background: #CD2220;
-		border: 1px solid #751312;
+		background: #303030;
+		border: 1px solid #101010;
 		border-radius: 5px;
 		overflow: hidden;
 	}
 	.site-header .main-navigation > div > ul > li:hover li,
 	.site-header .main-navigation > div > ul > li.focus li,
 	.site-header .main-navigation > div > ul > li.current-menu-item li {
-		border-top: 1px solid #751312;
+		border-top: 1px solid #101010;
 	}
 	.site-header .main-navigation > div > ul > li:hover li:first-child,
 	.site-header .main-navigation > div > ul > li.focus li:first-child,
@@ -3624,7 +3624,7 @@ body {
 	.site-header .main-navigation > div > ul > li:hover li > a,
 	.site-header .main-navigation > div > ul > li.focus li > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li > a {
-		background: #CD2220;
+		background: #303030;
 		color: white;
 		padding: 8px 24px;
 	}
@@ -3637,7 +3637,7 @@ body {
 	.site-header .main-navigation > div > ul > li.current-menu-item li:hover > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.focus > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.current-menu-item > a {
-		background: #a11b19;
+		background: #CD2220;
 	}
 	.site-header .main-navigation > div > ul > li.current-menu-item > a {
 		color: inherit;
@@ -3662,7 +3662,7 @@ body {
 }
 
 #masthead:before {
-	background: #CD2220;
+	background: #303030;
 	content: "";
 	display: block;
 	height: 100%;

morden/style.css

@@ -3518,7 +3518,7 @@ p:not(.site-title) a:hover {
 }
 
 body {
-	background: #E1DFDF;
+	background: #F8F8F8;
 }
 
 /**
@@ -3545,7 +3545,7 @@ body {
 #toggle-menu:active,
 #toggle-menu:focus,
 #toggle-menu:hover {
-	background: #303030;
+	background: #CD2220;
 	color: white;
 }
 
@@ -3611,15 +3611,15 @@ body {
 	.site-header .main-navigation > div > ul > li:hover > ul,
 	.site-header .main-navigation > div > ul > li.focus > ul,
 	.site-header .main-navigation > div > ul > li.current-menu-item > ul {
-		background: #CD2220;
-		border: 1px solid #751312;
+		background: #303030;
+		border: 1px solid #101010;
 		border-radius: 5px;
 		overflow: hidden;
 	}
 	.site-header .main-navigation > div > ul > li:hover li,
 	.site-header .main-navigation > div > ul > li.focus li,
 	.site-header .main-navigation > div > ul > li.current-menu-item li {
-		border-top: 1px solid #751312;
+		border-top: 1px solid #101010;
 	}
 	.site-header .main-navigation > div > ul > li:hover li:first-child,
 	.site-header .main-navigation > div > ul > li.focus li:first-child,
@@ -3629,7 +3629,7 @@ body {
 	.site-header .main-navigation > div > ul > li:hover li > a,
 	.site-header .main-navigation > div > ul > li.focus li > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li > a {
-		background: #CD2220;
+		background: #303030;
 		color: white;
 		padding: 8px 24px;
 	}
@@ -3642,7 +3642,7 @@ body {
 	.site-header .main-navigation > div > ul > li.current-menu-item li:hover > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.focus > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.current-menu-item > a {
-		background: #a11b19;
+		background: #CD2220;
 	}
 	.site-header .main-navigation > div > ul > li.current-menu-item > a {
 		color: inherit;
@@ -3667,7 +3667,7 @@ body {
 }
 
 #masthead:before {
-	background: #CD2220;
+	background: #303030;
 	content: "";
 	display: block;
 	height: 100%;