Morden: New primary & secondary colours with better contrast

morden/functions.php

@@ -60,12 +60,12 @@ if ( ! function_exists( 'morden_setup' ) ) :
 				array(
 					'name'  => __( 'Primary', 'morden' ),
 					'slug'  => 'primary',
-					'color' => '#E22C2C',
+					'color' => '#CD2220',
 				),
 				array(
 					'name'  => __( 'Secondary', 'morden' ),
 					'slug'  => 'secondary',
-					'color' => '#EF6F13',
+					'color' => '#007AB7',
 				),
 				array(
 					'name'  => __( 'Dark Gray', 'morden' ),

morden/sass/_config-child-theme-deep.scss

@@ -61,11 +61,11 @@ $config-global: (
 	/* Colors */
 	"color": (
 		"primary": (
-			"default": #E22C2C,
+			"default": #CD2220,
 			"hover": #303030,
 		),
 		"secondary": (
-			"default": #EF6F13,
+			"default": #007AB7,
 			"hover": #303030,
 		),
 		"foreground": (

morden/style-editor.css

@@ -188,7 +188,7 @@ p {
 }
 
 a {
-	color: #E22C2C;
+	color: #CD2220;
 }
 
 a:hover {
@@ -309,7 +309,7 @@ object {
 	font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1em;
 	line-height: 1;
-	background-color: #E22C2C;
+	background-color: #CD2220;
 	border-radius: 5px;
 	padding: 16px 24px;
 }
@@ -320,7 +320,7 @@ object {
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #E22C2C;
+	color: #CD2220;
 	background: transparent;
 	border: 2px solid currentcolor;
 }
@@ -527,7 +527,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote {
-	border-left-color: #E22C2C;
+	border-left-color: #CD2220;
 	margin: 32px 0;
 	padding-left: 16px;
 }
@@ -601,11 +601,11 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: #E22C2C !important;
+	color: #CD2220 !important;
 }
 
 .has-secondary-color[class] {
-	color: #EF6F13 !important;
+	color: #007AB7 !important;
 }
 
 .has-foreground-color[class] {
@@ -633,7 +633,7 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #E22C2C !important;
+	background-color: #CD2220 !important;
 	color: white;
 }
 
@@ -642,7 +642,7 @@ table th,
 }
 
 .has-secondary-background-color[class] {
-	background-color: #EF6F13 !important;
+	background-color: #007AB7 !important;
 	color: white;
 }
 

morden/style-rtl.css

@@ -611,7 +611,7 @@ body {
  * Links styles
  */
 a {
-	color: #E22C2C;
+	color: #CD2220;
 }
 
 a:hover {
@@ -1079,7 +1079,7 @@ input[type="submit"],
 	font-weight: bold;
 	font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
-	background-color: #E22C2C;
+	background-color: #CD2220;
 	border-radius: 5px;
 	border-width: 0;
 	padding: 16px 24px;
@@ -1137,7 +1137,7 @@ input.has-focus[type="submit"],
  * Block Options
  */
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #E22C2C;
+	color: #CD2220;
 	background: transparent;
 	border: 2px solid currentcolor;
 	padding: 14px 24px;
@@ -1278,7 +1278,7 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-file .wp-block-file__button {
-	background-color: #E22C2C;
+	background-color: #CD2220;
 	color: white;
 	font-size: 0.86957rem;
 	margin-right: 16px;
@@ -1631,7 +1631,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .a8c-posts-list-item__featured span {
 	color: white;
-	background-color: #E22C2C;
+	background-color: #CD2220;
 	font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: bold;
 	font-size: 0.86957rem;
@@ -1758,7 +1758,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote {
-	border-right-color: #E22C2C;
+	border-right-color: #CD2220;
 	margin: 32px 0;
 	padding: 0 16px;
 	/**
@@ -1795,7 +1795,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
-	border-left-color: #E22C2C;
+	border-left-color: #CD2220;
 }
 
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
@@ -1944,11 +1944,11 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: #E22C2C !important;
+	color: #CD2220 !important;
 }
 
 .has-secondary-color[class] {
-	color: #EF6F13 !important;
+	color: #007AB7 !important;
 }
 
 .has-foreground-color[class] {
@@ -1976,7 +1976,7 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #E22C2C !important;
+	background-color: #CD2220 !important;
 	color: white;
 }
 
@@ -1985,7 +1985,7 @@ table th,
 }
 
 .has-secondary-background-color[class] {
-	background-color: #EF6F13 !important;
+	background-color: #007AB7 !important;
 	color: white;
 }
 
@@ -2909,7 +2909,7 @@ img#wpstats {
  */
 .sticky-post {
 	color: white;
-	background-color: #E22C2C;
+	background-color: #CD2220;
 	font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: bold;
 	font-size: 0.86957rem;
@@ -3479,15 +3479,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: #E22C2C;
-		border: 1px solid #941414;
+		background: #CD2220;
+		border: 1px solid #751312;
 		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 #941414;
+		border-top: 1px solid #751312;
 	}
 	.site-header .main-navigation > div > ul > li:hover li:first-child,
 	.site-header .main-navigation > div > ul > li.focus li:first-child,
@@ -3497,7 +3497,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: #E22C2C;
+		background: #CD2220;
 		color: white;
 		padding: 8px 24px;
 	}
@@ -3510,7 +3510,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: #c11a1a;
+		background: #a11b19;
 	}
 	.site-header .main-navigation > div > ul > li.current-menu-item > a {
 		color: inherit;
@@ -3535,7 +3535,7 @@ body {
 }
 
 #masthead:before {
-	background: #E22C2C;
+	background: #CD2220;
 	content: "";
 	display: block;
 	height: 100%;
@@ -3686,7 +3686,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 .a8c-posts-list .a8c-posts-list-item__title a:active,
 .a8c-posts-list .a8c-posts-list-item__title a:focus,
 .a8c-posts-list .a8c-posts-list-item__title a:hover {
-	color: #E22C2C;
+	color: #CD2220;
 }
 
 .singular .hentry .entry-content > *:first-child.alignfull {

morden/style.css

@@ -611,7 +611,7 @@ body {
  * Links styles
  */
 a {
-	color: #E22C2C;
+	color: #CD2220;
 }
 
 a:hover {
@@ -1079,7 +1079,7 @@ input[type="submit"],
 	font-weight: bold;
 	font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
-	background-color: #E22C2C;
+	background-color: #CD2220;
 	border-radius: 5px;
 	border-width: 0;
 	padding: 16px 24px;
@@ -1137,7 +1137,7 @@ input.has-focus[type="submit"],
  * Block Options
  */
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #E22C2C;
+	color: #CD2220;
 	background: transparent;
 	border: 2px solid currentcolor;
 	padding: 14px 24px;
@@ -1278,7 +1278,7 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-file .wp-block-file__button {
-	background-color: #E22C2C;
+	background-color: #CD2220;
 	color: white;
 	font-size: 0.86957rem;
 	margin-left: 16px;
@@ -1631,7 +1631,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .a8c-posts-list-item__featured span {
 	color: white;
-	background-color: #E22C2C;
+	background-color: #CD2220;
 	font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: bold;
 	font-size: 0.86957rem;
@@ -1758,7 +1758,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote {
-	border-left-color: #E22C2C;
+	border-left-color: #CD2220;
 	margin: 32px 0;
 	padding: 0 16px;
 	/**
@@ -1795,7 +1795,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
-	border-right-color: #E22C2C;
+	border-right-color: #CD2220;
 }
 
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
@@ -1949,11 +1949,11 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: #E22C2C !important;
+	color: #CD2220 !important;
 }
 
 .has-secondary-color[class] {
-	color: #EF6F13 !important;
+	color: #007AB7 !important;
 }
 
 .has-foreground-color[class] {
@@ -1981,7 +1981,7 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #E22C2C !important;
+	background-color: #CD2220 !important;
 	color: white;
 }
 
@@ -1990,7 +1990,7 @@ table th,
 }
 
 .has-secondary-background-color[class] {
-	background-color: #EF6F13 !important;
+	background-color: #007AB7 !important;
 	color: white;
 }
 
@@ -2914,7 +2914,7 @@ img#wpstats {
  */
 .sticky-post {
 	color: white;
-	background-color: #E22C2C;
+	background-color: #CD2220;
 	font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: bold;
 	font-size: 0.86957rem;
@@ -3484,15 +3484,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: #E22C2C;
-		border: 1px solid #941414;
+		background: #CD2220;
+		border: 1px solid #751312;
 		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 #941414;
+		border-top: 1px solid #751312;
 	}
 	.site-header .main-navigation > div > ul > li:hover li:first-child,
 	.site-header .main-navigation > div > ul > li.focus li:first-child,
@@ -3502,7 +3502,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: #E22C2C;
+		background: #CD2220;
 		color: white;
 		padding: 8px 24px;
 	}
@@ -3515,7 +3515,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: #c11a1a;
+		background: #a11b19;
 	}
 	.site-header .main-navigation > div > ul > li.current-menu-item > a {
 		color: inherit;
@@ -3540,7 +3540,7 @@ body {
 }
 
 #masthead:before {
-	background: #E22C2C;
+	background: #CD2220;
 	content: "";
 	display: block;
 	height: 100%;
@@ -3691,7 +3691,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 .a8c-posts-list .a8c-posts-list-item__title a:active,
 .a8c-posts-list .a8c-posts-list-item__title a:focus,
 .a8c-posts-list .a8c-posts-list-item__title a:hover {
-	color: #E22C2C;
+	color: #CD2220;
 }
 
 .singular .hentry .entry-content > *:first-child.alignfull {