Shawburn: Update light colours

shawburn/functions.php

@@ -85,12 +85,12 @@ if ( ! function_exists( 'shawburn_setup' ) ) :
 				array(
 					'name'  => __( 'Light Gray', 'shawburn' ),
 					'slug'  => 'background-dark',
-					'color' => '#E0E0E0',
+					'color' => '#EAEAEA',
 				),
 				array(
 					'name'  => __( 'Subtle Gray', 'shawburn' ),
 					'slug'  => 'background-light',
-					'color' => '#F0F0F0',
+					'color' => '#FAFAFA',
 				),
 				array(
 					'name'  => __( 'White', 'shawburn' ),

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

@@ -75,13 +75,13 @@ $config-global: (
 		),
 		"background": (
 			"default": white,
-			"light": #F0F0F0, // must be accessible against foreground-default
-			"dark": #E0E0E0, // must be accessible against foreground-default
+			"light": #FAFAFA, // must be accessible against foreground-default
+			"dark": #EAEAEA, // must be accessible against foreground-default
 		),
 		"border": (
-			"default": #E0E0E0,
-			"light": #F0F0F0,
-			"dark": #D0D0D0,
+			"default": #EAEAEA,
+			"light": #FAFAFA,
+			"dark": #DADADA,
 		),
 		"text-selection": lighten(#0C80A1, 55%),
 		"black": black,

shawburn/style-editor.css

@@ -507,9 +507,9 @@ p.has-background:not(.has-background-background-color) a {
 	margin-left: 0;
 	margin-right: 0;
 	text-align: center;
-	border-top-color: #E0E0E0;
+	border-top-color: #EAEAEA;
 	border-top-width: 2px;
-	border-bottom-color: #E0E0E0;
+	border-bottom-color: #EAEAEA;
 	border-bottom-width: 2px;
 	color: #444444;
 	/**
@@ -600,14 +600,14 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-separator,
 hr {
-	border-bottom: 1px solid #E0E0E0;
+	border-bottom: 1px solid #EAEAEA;
 	clear: both;
 }
 
 .wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
 hr[style*="text-align:right"],
 hr[style*="text-align: right"] {
-	border-right-color: #E0E0E0;
+	border-right-color: #EAEAEA;
 }
 
 .wp-block-separator.is-style-wide,
@@ -622,7 +622,7 @@ hr.is-style-dots {
 
 .wp-block-separator.is-style-dots:before,
 hr.is-style-dots:before {
-	color: #E0E0E0;
+	color: #EAEAEA;
 }
 
 table th,
@@ -671,11 +671,11 @@ table th,
 }
 
 .has-background-light-color[class] {
-	color: #F0F0F0 !important;
+	color: #FAFAFA !important;
 }
 
 .has-background-dark-color[class] {
-	color: #E0E0E0 !important;
+	color: #EAEAEA !important;
 }
 
 .has-background-color[class] {
@@ -719,12 +719,12 @@ table th,
 }
 
 .has-background-light-background-color[class] {
-	background-color: #F0F0F0 !important;
+	background-color: #FAFAFA !important;
 	color: #444444;
 }
 
 .has-background-dark-background-color[class] {
-	background-color: #E0E0E0 !important;
+	background-color: #EAEAEA !important;
 	color: #444444;
 }
 

shawburn/style-rtl.css

@@ -966,7 +966,7 @@ input[type="datetime-local"],
 input[type="color"],
 textarea {
 	color: #444444;
-	border: 1px solid #E0E0E0;
+	border: 1px solid #EAEAEA;
 	border-radius: 4px;
 	padding: 8px;
 }
@@ -992,7 +992,7 @@ textarea:focus {
 }
 
 select {
-	border: 1px solid #E0E0E0;
+	border: 1px solid #EAEAEA;
 }
 
 textarea {
@@ -1151,7 +1151,7 @@ input.has-focus[type="submit"],
 	color: #444444;
 	font-size: 0.83333rem;
 	padding: 16px;
-	border-color: #E0E0E0;
+	border-color: #EAEAEA;
 }
 
 .wp-block-code pre {
@@ -1752,9 +1752,9 @@ p.has-background {
 	margin-right: 0;
 	margin-left: 0;
 	text-align: center;
-	border-top-color: #E0E0E0;
+	border-top-color: #EAEAEA;
 	border-top-width: 2px;
-	border-bottom-color: #E0E0E0;
+	border-bottom-color: #EAEAEA;
 	border-bottom-width: 2px;
 	color: #444444;
 	/**
@@ -1889,7 +1889,7 @@ p.has-background {
 }
 
 hr {
-	border-bottom-color: #E0E0E0;
+	border-bottom-color: #EAEAEA;
 	border-bottom-width: 1px;
 	clear: both;
 	margin-right: auto;
@@ -1897,7 +1897,7 @@ hr {
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #E0E0E0;
+	border-bottom-color: #EAEAEA;
 	/**
 		 * Block Options
 		 */
@@ -1908,12 +1908,12 @@ hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 }
 
 hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #E0E0E0;
+	border-bottom-color: #EAEAEA;
 	border-bottom-width: 1px;
 }
 
 hr.wp-block-separator.is-style-dots:before {
-	color: #E0E0E0;
+	color: #EAEAEA;
 	font-size: 1.728rem;
 	letter-spacing: 0.83333rem;
 	padding-right: 0.83333rem;
@@ -2066,11 +2066,11 @@ table th,
 }
 
 .has-background-light-color[class] {
-	color: #F0F0F0 !important;
+	color: #FAFAFA !important;
 }
 
 .has-background-dark-color[class] {
-	color: #E0E0E0 !important;
+	color: #EAEAEA !important;
 }
 
 .has-background-color[class] {
@@ -2109,12 +2109,12 @@ table th,
 }
 
 .has-background-light-background-color[class] {
-	background-color: #F0F0F0 !important;
+	background-color: #FAFAFA !important;
 	color: #444444;
 }
 
 .has-background-dark-background-color[class] {
-	background-color: #E0E0E0 !important;
+	background-color: #EAEAEA !important;
 	color: #444444;
 }
 
@@ -2877,13 +2877,13 @@ table th,
  * Comment Lists
  */
 .comment-list {
-	border-bottom: 1px solid #E0E0E0;
+	border-bottom: 1px solid #EAEAEA;
 	margin-right: 0;
 	list-style: none;
 }
 
 .comment-list > li {
-	border-top: 1px solid #E0E0E0;
+	border-top: 1px solid #EAEAEA;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -2894,7 +2894,7 @@ table th,
 }
 
 .children > li {
-	border-top: 1px solid #E0E0E0;
+	border-top: 1px solid #EAEAEA;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -3704,7 +3704,7 @@ hr.wp-block-separator.is-style-wide,
 
 .sticky-post,
 .a8c-posts-list .a8c-posts-list-item__featured span {
-	background: #F0F0F0;
+	background: #FAFAFA;
 	color: #767676;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
@@ -3727,7 +3727,7 @@ hr.wp-block-separator.is-style-wide,
 }
 
 .wp-block-separator {
-	border-bottom-color: #E0E0E0;
+	border-bottom-color: #EAEAEA;
 	border-bottom-width: 1px;
 }
 
@@ -3735,7 +3735,7 @@ table td,
 table th,
 .wp-block-table td,
 .wp-block-table th {
-	border-color: #E0E0E0;
+	border-color: #EAEAEA;
 }
 
 /**
@@ -3765,7 +3765,7 @@ table th,
 .widget_jp_blogs_i_follow ul,
 .widget_top-click ul,
 .widget_upcoming_events_widget ul {
-	border-bottom: 1px solid #E0E0E0;
+	border-bottom: 1px solid #EAEAEA;
 	list-style: none;
 	margin-right: 0;
 }
@@ -3785,7 +3785,7 @@ table th,
 .widget_jp_blogs_i_follow li,
 .widget_top-click li,
 .widget_upcoming_events_widget li {
-	border-top: 1px solid #E0E0E0;
+	border-top: 1px solid #EAEAEA;
 	padding: 8px 0;
 }
 

shawburn/style.css

@@ -966,7 +966,7 @@ input[type="datetime-local"],
 input[type="color"],
 textarea {
 	color: #444444;
-	border: 1px solid #E0E0E0;
+	border: 1px solid #EAEAEA;
 	border-radius: 4px;
 	padding: 8px;
 }
@@ -992,7 +992,7 @@ textarea:focus {
 }
 
 select {
-	border: 1px solid #E0E0E0;
+	border: 1px solid #EAEAEA;
 }
 
 textarea {
@@ -1151,7 +1151,7 @@ input.has-focus[type="submit"],
 	color: #444444;
 	font-size: 0.83333rem;
 	padding: 16px;
-	border-color: #E0E0E0;
+	border-color: #EAEAEA;
 }
 
 .wp-block-code pre {
@@ -1752,9 +1752,9 @@ p.has-background {
 	margin-left: 0;
 	margin-right: 0;
 	text-align: center;
-	border-top-color: #E0E0E0;
+	border-top-color: #EAEAEA;
 	border-top-width: 2px;
-	border-bottom-color: #E0E0E0;
+	border-bottom-color: #EAEAEA;
 	border-bottom-width: 2px;
 	color: #444444;
 	/**
@@ -1889,7 +1889,7 @@ p.has-background {
 }
 
 hr {
-	border-bottom-color: #E0E0E0;
+	border-bottom-color: #EAEAEA;
 	border-bottom-width: 1px;
 	clear: both;
 	margin-left: auto;
@@ -1897,7 +1897,7 @@ hr {
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #E0E0E0;
+	border-bottom-color: #EAEAEA;
 	/**
 		 * Block Options
 		 */
@@ -1908,12 +1908,12 @@ hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 }
 
 hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #E0E0E0;
+	border-bottom-color: #EAEAEA;
 	border-bottom-width: 1px;
 }
 
 hr.wp-block-separator.is-style-dots:before {
-	color: #E0E0E0;
+	color: #EAEAEA;
 	font-size: 1.728rem;
 	letter-spacing: 0.83333rem;
 	padding-left: 0.83333rem;
@@ -2071,11 +2071,11 @@ table th,
 }
 
 .has-background-light-color[class] {
-	color: #F0F0F0 !important;
+	color: #FAFAFA !important;
 }
 
 .has-background-dark-color[class] {
-	color: #E0E0E0 !important;
+	color: #EAEAEA !important;
 }
 
 .has-background-color[class] {
@@ -2114,12 +2114,12 @@ table th,
 }
 
 .has-background-light-background-color[class] {
-	background-color: #F0F0F0 !important;
+	background-color: #FAFAFA !important;
 	color: #444444;
 }
 
 .has-background-dark-background-color[class] {
-	background-color: #E0E0E0 !important;
+	background-color: #EAEAEA !important;
 	color: #444444;
 }
 
@@ -2882,13 +2882,13 @@ table th,
  * Comment Lists
  */
 .comment-list {
-	border-bottom: 1px solid #E0E0E0;
+	border-bottom: 1px solid #EAEAEA;
 	margin-left: 0;
 	list-style: none;
 }
 
 .comment-list > li {
-	border-top: 1px solid #E0E0E0;
+	border-top: 1px solid #EAEAEA;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -2899,7 +2899,7 @@ table th,
 }
 
 .children > li {
-	border-top: 1px solid #E0E0E0;
+	border-top: 1px solid #EAEAEA;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -3721,7 +3721,7 @@ hr.wp-block-separator.is-style-wide,
 
 .sticky-post,
 .a8c-posts-list .a8c-posts-list-item__featured span {
-	background: #F0F0F0;
+	background: #FAFAFA;
 	color: #767676;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
@@ -3744,7 +3744,7 @@ hr.wp-block-separator.is-style-wide,
 }
 
 .wp-block-separator {
-	border-bottom-color: #E0E0E0;
+	border-bottom-color: #EAEAEA;
 	border-bottom-width: 1px;
 }
 
@@ -3752,7 +3752,7 @@ table td,
 table th,
 .wp-block-table td,
 .wp-block-table th {
-	border-color: #E0E0E0;
+	border-color: #EAEAEA;
 }
 
 /**
@@ -3782,7 +3782,7 @@ table th,
 .widget_jp_blogs_i_follow ul,
 .widget_top-click ul,
 .widget_upcoming_events_widget ul {
-	border-bottom: 1px solid #E0E0E0;
+	border-bottom: 1px solid #EAEAEA;
 	list-style: none;
 	margin-left: 0;
 }
@@ -3802,7 +3802,7 @@ table th,
 .widget_jp_blogs_i_follow li,
 .widget_top-click li,
 .widget_upcoming_events_widget li {
-	border-top: 1px solid #E0E0E0;
+	border-top: 1px solid #EAEAEA;
 	padding: 8px 0;
 }