Barnsbury: Fixing color settings and updating editor color palette to match variables properly

barnsbury/functions.php

@@ -60,27 +60,27 @@ if ( ! function_exists( 'barnsbury_setup' ) ) :
 				array(
 					'name'  => __( 'Primary', 'barnsbury' ),
 					'slug'  => 'primary',
-					'color' => '#0000FF',
+					'color' => '#20603C',
 				),
 				array(
 					'name'  => __( 'Secondary', 'barnsbury' ),
 					'slug'  => 'secondary',
-					'color' => '#FF0000',
+					'color' => '#655441',
 				),
 				array(
-					'name'  => __( 'Dark Gray', 'barnsbury' ),
+					'name'  => __( 'Dark Brown', 'barnsbury' ),
 					'slug'  => 'foreground-dark',
-					'color' => '#111111',
+					'color' => '#0D1B24',
 				),
 				array(
-					'name'  => __( 'Gray', 'barnsbury' ),
+					'name'  => __( 'Brown', 'barnsbury' ),
 					'slug'  => 'foreground',
-					'color' => '#444444',
+					'color' => '#3C2323',
 				),
 				array(
-					'name'  => __( 'Light Gray', 'barnsbury' ),
+					'name'  => __( 'Light Brown', 'barnsbury' ),
 					'slug'  => 'foreground-light',
-					'color' => '#767676',
+					'color' => '#844D4D',
 				),
 				array(
 					'name'  => __( 'Lighter Gray', 'barnsbury' ),
@@ -90,12 +90,12 @@ if ( ! function_exists( 'barnsbury_setup' ) ) :
 				array(
 					'name'  => __( 'Subtle Gray', 'barnsbury' ),
 					'slug'  => 'background-light',
-					'color' => '#FAFAFA',
+					'color' => '#FDF9EC',
 				),
 				array(
 					'name'  => __( 'White', 'barnsbury' ),
 					'slug'  => 'background',
-					'color' => '#FFFFFF',
+					'color' => '#FFFDF6',
 				),
 			)
 		);

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

@@ -65,12 +65,12 @@ $config-global: (
 			"hover": darken( #20603C, 10% ),
 		),
 		"secondary": (
-			"default": red,
-			"hover": darkred,
+			"default": #655441,
+			"hover": darken( #655441, 10% ),
 		),
 		"foreground": (
 			"default": #3C2323,
-			"light": lighten( #111, 22.5% ), // must be accessible against background
+			"light": lighten( #3C2323, 22.5% ), // must be accessible against background
 			"dark": #0D1B24, // must be accessible against background
 		),
 		"background": (

barnsbury/sass/_extra-child-theme.scss

@@ -106,6 +106,31 @@ a {
 	}
 }
 
+/**
+ * Posts
+ */
+
+.entry-title a {
+	color: map-deep-get($config-global, "color", "primary", "hover");
+
+	&:hover,
+	&:active {
+		color: map-deep-get($config-global, "color", "primary", "default");
+	}
+}
+
+.entry-meta,
+.entry-footer {
+	color: map-deep-get($config-global, "color", "foreground", "default");
+}
+
+.entry-meta a:hover,
+.entry-meta a:active,
+.entry-footer a:hover,
+.entry-footer a:active {
+	color: map-deep-get($config-global, "color", "primary", "default");
+}
+
 /**
  * Blocks
  */

barnsbury/style-editor.css

@@ -255,7 +255,7 @@ blockquote.alignright footer {
 }
 
 figcaption {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.71818rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -499,7 +499,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote .wp-block-pullquote__citation,
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.84746em;
 	letter-spacing: normal;
 }
@@ -619,7 +619,7 @@ table th,
 }
 
 .has-secondary-color[class] {
-	color: red !important;
+	color: #655441 !important;
 }
 
 .has-foreground-color[class] {
@@ -627,7 +627,7 @@ table th,
 }
 
 .has-foreground-light-color[class] {
-	color: #4a4a4a !important;
+	color: #844d4d !important;
 }
 
 .has-foreground-dark-color[class] {
@@ -657,7 +657,7 @@ table th,
 }
 
 .has-secondary-background-color[class] {
-	background-color: red !important;
+	background-color: #655441 !important;
 	color: #FFFDF6;
 }
 
@@ -677,7 +677,7 @@ table th,
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #4a4a4a !important;
+	background-color: #844d4d !important;
 	color: #FFFDF6;
 }
 

barnsbury/style-rtl.css

@@ -1011,7 +1011,7 @@ input[type=checkbox] + label {
 }
 
 figcaption {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.71818rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1462,7 +1462,7 @@ h6, .h6 {
 }
 
 .wp-block-image figcaption {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.71818rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1501,7 +1501,7 @@ img {
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.84746rem;
 }
 
@@ -1537,7 +1537,7 @@ img {
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.71818rem;
 	line-height: 1.6;
 }
@@ -1724,7 +1724,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.84746rem;
 }
 
@@ -1773,7 +1773,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote .wp-block-pullquote__citation,
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.84746rem;
 	letter-spacing: normal;
 	display: block;
@@ -1844,7 +1844,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote .wp-block-quote__citation,
 .wp-block-quote cite,
 .wp-block-quote footer {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.84746rem;
 	letter-spacing: normal;
 }
@@ -1876,7 +1876,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote.is-style-large footer, .wp-block-quote.is-large .wp-block-quote__citation,
 .wp-block-quote.is-large cite,
 .wp-block-quote.is-large footer {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.84746rem;
 	letter-spacing: normal;
 }
@@ -1949,7 +1949,7 @@ table th,
 }
 
 .wp-block-video figcaption {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.71818rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -2009,7 +2009,7 @@ table th,
 }
 
 .has-secondary-color[class] {
-	color: red !important;
+	color: #655441 !important;
 }
 
 .has-foreground-color[class] {
@@ -2017,7 +2017,7 @@ table th,
 }
 
 .has-foreground-light-color[class] {
-	color: #4a4a4a !important;
+	color: #844d4d !important;
 }
 
 .has-foreground-dark-color[class] {
@@ -2046,7 +2046,7 @@ table th,
 }
 
 .has-secondary-background-color[class] {
-	background-color: red !important;
+	background-color: #655441 !important;
 	color: #FFFDF6;
 }
 
@@ -2064,7 +2064,7 @@ table th,
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #4a4a4a !important;
+	background-color: #844d4d !important;
 	color: #FFFDF6;
 }
 
@@ -2275,7 +2275,7 @@ table th,
  * - Similar to Blocks but exist outside of the "current" editor context
  */
 .site-branding {
-	color: #4a4a4a;
+	color: #844d4d;
 }
 
 .site-title {
@@ -2374,11 +2374,6 @@ table th,
 	z-index: 99999;
 }
 
-.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
-	cursor: pointer;
-	z-index: 99999;
-}
-
 .main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
 	cursor: pointer;
 	z-index: 99999;
@@ -2399,14 +2394,6 @@ table th,
 		display: block;
 	}
 	.main-navigation > div > ul li:hover > ul,
-	.main-navigation > div > ul li[focus-within] > ul,
-	.main-navigation > div > ul li ul:hover,
-	.main-navigation > div > ul li ul:focus {
-		visibility: visible;
-		opacity: 1;
-		display: block;
-	}
-	.main-navigation > div > ul li:hover > ul,
 	.main-navigation > div > ul li:focus-within > ul,
 	.main-navigation > div > ul li ul:hover,
 	.main-navigation > div > ul li ul:focus {
@@ -2546,7 +2533,7 @@ table th,
 }
 
 .site-info {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-size: 0.84746rem;
 }
@@ -2595,7 +2582,7 @@ table th,
 }
 
 .footer-navigation .footer-menu {
-	color: #4a4a4a;
+	color: #844d4d;
 	padding-right: 0;
 	margin-right: -16px;
 	margin-left: -16px;
@@ -2637,7 +2624,7 @@ table th,
 
 .entry-meta,
 .entry-footer {
-	color: #4a4a4a;
+	color: #844d4d;
 	clear: both;
 	float: none;
 	font-size: 0.84746rem;
@@ -3501,6 +3488,28 @@ a {
 	}
 }
 
+/**
+ * Posts
+ */
+.entry-title a {
+	color: #133a24;
+}
+
+.entry-title a:hover, .entry-title a:active {
+	color: #20603C;
+}
+
+.entry-meta,
+.entry-footer {
+	color: #3C2323;
+}
+
+.entry-meta a:hover, .entry-meta a:active,
+.entry-footer a:hover,
+.entry-footer a:active {
+	color: #20603C;
+}
+
 /**
  * Blocks
  */

barnsbury/style.css

@@ -1011,7 +1011,7 @@ input[type=checkbox] + label {
 }
 
 figcaption {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.71818rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1462,7 +1462,7 @@ h6, .h6 {
 }
 
 .wp-block-image figcaption {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.71818rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1501,7 +1501,7 @@ img {
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.84746rem;
 }
 
@@ -1537,7 +1537,7 @@ img {
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.71818rem;
 	line-height: 1.6;
 }
@@ -1724,7 +1724,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.84746rem;
 }
 
@@ -1773,7 +1773,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote .wp-block-pullquote__citation,
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.84746rem;
 	letter-spacing: normal;
 	display: block;
@@ -1844,7 +1844,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote .wp-block-quote__citation,
 .wp-block-quote cite,
 .wp-block-quote footer {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.84746rem;
 	letter-spacing: normal;
 }
@@ -1876,7 +1876,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote.is-style-large footer, .wp-block-quote.is-large .wp-block-quote__citation,
 .wp-block-quote.is-large cite,
 .wp-block-quote.is-large footer {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.84746rem;
 	letter-spacing: normal;
 }
@@ -1949,7 +1949,7 @@ table th,
 }
 
 .wp-block-video figcaption {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-size: 0.71818rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -2014,7 +2014,7 @@ table th,
 }
 
 .has-secondary-color[class] {
-	color: red !important;
+	color: #655441 !important;
 }
 
 .has-foreground-color[class] {
@@ -2022,7 +2022,7 @@ table th,
 }
 
 .has-foreground-light-color[class] {
-	color: #4a4a4a !important;
+	color: #844d4d !important;
 }
 
 .has-foreground-dark-color[class] {
@@ -2051,7 +2051,7 @@ table th,
 }
 
 .has-secondary-background-color[class] {
-	background-color: red !important;
+	background-color: #655441 !important;
 	color: #FFFDF6;
 }
 
@@ -2069,7 +2069,7 @@ table th,
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #4a4a4a !important;
+	background-color: #844d4d !important;
 	color: #FFFDF6;
 }
 
@@ -2280,7 +2280,7 @@ table th,
  * - Similar to Blocks but exist outside of the "current" editor context
  */
 .site-branding {
-	color: #4a4a4a;
+	color: #844d4d;
 }
 
 .site-title {
@@ -2538,7 +2538,7 @@ table th,
 }
 
 .site-info {
-	color: #4a4a4a;
+	color: #844d4d;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-size: 0.84746rem;
 }
@@ -2587,7 +2587,7 @@ table th,
 }
 
 .footer-navigation .footer-menu {
-	color: #4a4a4a;
+	color: #844d4d;
 	padding-left: 0;
 	margin-left: -16px;
 	margin-right: -16px;
@@ -2629,7 +2629,7 @@ table th,
 
 .entry-meta,
 .entry-footer {
-	color: #4a4a4a;
+	color: #844d4d;
 	clear: both;
 	float: none;
 	font-size: 0.84746rem;
@@ -3493,6 +3493,28 @@ a {
 	}
 }
 
+/**
+ * Posts
+ */
+.entry-title a {
+	color: #133a24;
+}
+
+.entry-title a:hover, .entry-title a:active {
+	color: #20603C;
+}
+
+.entry-meta,
+.entry-footer {
+	color: #3C2323;
+}
+
+.entry-meta a:hover, .entry-meta a:active,
+.entry-footer a:hover,
+.entry-footer a:active {
+	color: #20603C;
+}
+
 /**
  * Blocks
  */