Rockfield: Increase contrast for the foreground-light colour

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

@@ -70,7 +70,7 @@ $config-global: (
 		),
 		"foreground": (
 			"default": #444444,
-			"light": #777777, // must be accessible against background
+			"light": #757575, // must be accessible against background
 			"dark": #111111, // must be accessible against background
 		),
 		"background": (

rockfield/style-editor.css

@@ -255,7 +255,7 @@ blockquote.alignright footer {
 }
 
 figcaption {
-	color: #777777;
+	color: #757575;
 	font-size: 0.69444rem;
 	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: #777777;
+	color: #757575;
 	font-size: 0.83333em;
 	letter-spacing: normal;
 }
@@ -627,7 +627,7 @@ table th,
 }
 
 .has-foreground-light-color[class] {
-	color: #777777 !important;
+	color: #757575 !important;
 }
 
 .has-foreground-dark-color[class] {
@@ -677,7 +677,7 @@ table th,
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #777777 !important;
+	background-color: #757575 !important;
 	color: white;
 }
 

rockfield/style-rtl.css

@@ -1011,7 +1011,7 @@ input[type=checkbox] + label {
 }
 
 figcaption {
-	color: #777777;
+	color: #757575;
 	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1462,7 +1462,7 @@ h6, .h6 {
 }
 
 .wp-block-image figcaption {
-	color: #777777;
+	color: #757575;
 	font-size: 0.69444rem;
 	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: #777777;
+	color: #757575;
 	font-size: 0.83333rem;
 }
 
@@ -1537,7 +1537,7 @@ img {
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: #777777;
+	color: #757575;
 	font-size: 0.69444rem;
 	line-height: 1.78;
 }
@@ -1724,7 +1724,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
-	color: #777777;
+	color: #757575;
 	font-size: 0.83333rem;
 }
 
@@ -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: #777777;
+	color: #757575;
 	font-size: 0.83333rem;
 	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: #777777;
+	color: #757575;
 	font-size: 0.83333rem;
 	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: #777777;
+	color: #757575;
 	font-size: 0.83333rem;
 	letter-spacing: normal;
 }
@@ -1949,7 +1949,7 @@ table th,
 }
 
 .wp-block-video figcaption {
-	color: #777777;
+	color: #757575;
 	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -2017,7 +2017,7 @@ table th,
 }
 
 .has-foreground-light-color[class] {
-	color: #777777 !important;
+	color: #757575 !important;
 }
 
 .has-foreground-dark-color[class] {
@@ -2064,7 +2064,7 @@ table th,
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #777777 !important;
+	background-color: #757575 !important;
 	color: white;
 }
 
@@ -2296,7 +2296,7 @@ table th,
 }
 
 .site-title a:hover {
-	color: #777777;
+	color: #757575;
 }
 
 .site-description {
@@ -2323,7 +2323,7 @@ table th,
 }
 
 .main-navigation #toggle:focus + #toggle-menu {
-	background-color: #777777;
+	background-color: #757575;
 	outline: inherit;
 	text-decoration: underline;
 }
@@ -2459,7 +2459,7 @@ table th,
 }
 
 .main-navigation a:hover {
-	color: #777777;
+	color: #757575;
 }
 
 .main-navigation .sub-menu {
@@ -2515,7 +2515,7 @@ table th,
 }
 
 .social-navigation a:hover {
-	color: #777777;
+	color: #757575;
 }
 
 .social-navigation svg {
@@ -2533,7 +2533,7 @@ table th,
 }
 
 .site-info {
-	color: #777777;
+	color: #757575;
 	font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.83333rem;
 }
@@ -2582,7 +2582,7 @@ table th,
 }
 
 .footer-navigation .footer-menu {
-	color: #777777;
+	color: #757575;
 	padding-right: 0;
 	margin-right: -16px;
 	margin-left: -16px;
@@ -2624,7 +2624,7 @@ table th,
 
 .entry-meta,
 .entry-footer {
-	color: #777777;
+	color: #757575;
 	clear: both;
 	float: none;
 	font-size: 0.83333rem;
@@ -3483,7 +3483,7 @@ p:not(.site-title) a:hover {
 		display: inline;
 	}
 	.site-title:not(:empty) + .site-description:not(:empty):before {
-		color: #777777;
+		color: #757575;
 		content: "\2666";
 		font-family: Arial, Helvetica, sans-serif;
 		margin: 0 .25em;
@@ -3540,7 +3540,7 @@ p:not(.site-title) a:hover {
 
 @media only screen and (min-width: 560px) {
 	#site-navigation > div > ul > li:not(:first-child):before {
-		color: #777777;
+		color: #757575;
 		content: "\2666";
 		font-family: Arial, Helvetica, sans-serif;
 		font-size: 0.83333rem;
@@ -3632,7 +3632,7 @@ p:not(.site-title) a:hover {
 }
 
 .post-navigation .meta-nav {
-	color: #777777;
+	color: #757575;
 	font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: bold;
 	text-transform: uppercase;

rockfield/style.css

@@ -1011,7 +1011,7 @@ input[type=checkbox] + label {
 }
 
 figcaption {
-	color: #777777;
+	color: #757575;
 	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1462,7 +1462,7 @@ h6, .h6 {
 }
 
 .wp-block-image figcaption {
-	color: #777777;
+	color: #757575;
 	font-size: 0.69444rem;
 	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: #777777;
+	color: #757575;
 	font-size: 0.83333rem;
 }
 
@@ -1537,7 +1537,7 @@ img {
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: #777777;
+	color: #757575;
 	font-size: 0.69444rem;
 	line-height: 1.78;
 }
@@ -1724,7 +1724,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
-	color: #777777;
+	color: #757575;
 	font-size: 0.83333rem;
 }
 
@@ -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: #777777;
+	color: #757575;
 	font-size: 0.83333rem;
 	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: #777777;
+	color: #757575;
 	font-size: 0.83333rem;
 	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: #777777;
+	color: #757575;
 	font-size: 0.83333rem;
 	letter-spacing: normal;
 }
@@ -1949,7 +1949,7 @@ table th,
 }
 
 .wp-block-video figcaption {
-	color: #777777;
+	color: #757575;
 	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -2022,7 +2022,7 @@ table th,
 }
 
 .has-foreground-light-color[class] {
-	color: #777777 !important;
+	color: #757575 !important;
 }
 
 .has-foreground-dark-color[class] {
@@ -2069,7 +2069,7 @@ table th,
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #777777 !important;
+	background-color: #757575 !important;
 	color: white;
 }
 
@@ -2301,7 +2301,7 @@ table th,
 }
 
 .site-title a:hover {
-	color: #777777;
+	color: #757575;
 }
 
 .site-description {
@@ -2328,7 +2328,7 @@ table th,
 }
 
 .main-navigation #toggle:focus + #toggle-menu {
-	background-color: #777777;
+	background-color: #757575;
 	outline: inherit;
 	text-decoration: underline;
 }
@@ -2464,7 +2464,7 @@ table th,
 }
 
 .main-navigation a:hover {
-	color: #777777;
+	color: #757575;
 }
 
 .main-navigation .sub-menu {
@@ -2520,7 +2520,7 @@ table th,
 }
 
 .social-navigation a:hover {
-	color: #777777;
+	color: #757575;
 }
 
 .social-navigation svg {
@@ -2538,7 +2538,7 @@ table th,
 }
 
 .site-info {
-	color: #777777;
+	color: #757575;
 	font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.83333rem;
 }
@@ -2587,7 +2587,7 @@ table th,
 }
 
 .footer-navigation .footer-menu {
-	color: #777777;
+	color: #757575;
 	padding-left: 0;
 	margin-left: -16px;
 	margin-right: -16px;
@@ -2629,7 +2629,7 @@ table th,
 
 .entry-meta,
 .entry-footer {
-	color: #777777;
+	color: #757575;
 	clear: both;
 	float: none;
 	font-size: 0.83333rem;
@@ -3488,7 +3488,7 @@ p:not(.site-title) a:hover {
 		display: inline;
 	}
 	.site-title:not(:empty) + .site-description:not(:empty):before {
-		color: #777777;
+		color: #757575;
 		content: "\2666";
 		font-family: Arial, Helvetica, sans-serif;
 		margin: 0 .25em;
@@ -3545,7 +3545,7 @@ p:not(.site-title) a:hover {
 
 @media only screen and (min-width: 560px) {
 	#site-navigation > div > ul > li:not(:first-child):before {
-		color: #777777;
+		color: #757575;
 		content: "\2666";
 		font-family: Arial, Helvetica, sans-serif;
 		font-size: 0.83333rem;
@@ -3637,7 +3637,7 @@ p:not(.site-title) a:hover {
 }
 
 .post-navigation .meta-nav {
-	color: #777777;
+	color: #757575;
 	font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: bold;
 	text-transform: uppercase;