Coutoire: Recompile styles.

- Clean up dim support in cover block.
- Replace colornames with hex equivalents

coutoire/style.css

@@ -199,13 +199,13 @@ input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
-	color: white;
+	color: #FFFFFF;
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 0.83333rem;
-	background-color: black;
+	background-color: #000000;
 	border-width: 0;
 	text-decoration: none;
 	padding: 11.6px 11.6px;
@@ -248,7 +248,7 @@ input:focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
-	color: white;
+	color: #FFFFFF;
 	background-color: #FF7A5C;
 }
 
@@ -671,14 +671,14 @@ body {
 	font-weight: normal;
 	color: #444444;
 	text-align: left;
-	background-color: white;
+	background-color: #FFFFFF;
 }
 
 /**
  * Links styles
  */
 a {
-	color: black;
+	color: #000000;
 }
 
 a:hover {
@@ -706,7 +706,7 @@ a {
 }
 
 .screen-reader-text:focus {
-	background-color: white;
+	background-color: #FFFFFF;
 	border-radius: 3px;
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
@@ -782,11 +782,11 @@ footer {
 }
 
 ::selection {
-	background-color: lightblue;
+	background-color: #add8e6;
 }
 
 ::-moz-selection {
-	background-color: lightblue;
+	background-color: #add8e6;
 }
 
 /**
@@ -1218,7 +1218,7 @@ object {
 }
 
 .wp-block-newspack-blocks-homepage-articles article .entry-title a {
-	color: black;
+	color: #000000;
 }
 
 .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
@@ -1318,13 +1318,13 @@ input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
-	color: white;
+	color: #FFFFFF;
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 0.83333rem;
-	background-color: black;
+	background-color: #000000;
 	border-width: 0;
 	text-decoration: none;
 	padding: 11.6px 11.6px;
@@ -1367,7 +1367,7 @@ input:focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
-	color: white;
+	color: #FFFFFF;
 	background-color: #FF7A5C;
 }
 
@@ -1399,15 +1399,24 @@ button[data-load-more-btn], .button {
  */
 .wp-block-button.is-style-outline.wp-block-button__link,
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: black;
-	background: transparent;
+	color: inherit;
 	border: 2px solid currentcolor;
 	padding: 9.6px 11.6px;
 }
 
+.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background-color),
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background-color) {
+	background: transparent;
+}
+
+.wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
+	color: #000000;
+}
+
 .wp-block-button.is-style-outline.wp-block-button__link:active,
 .wp-block-button.is-style-outline .wp-block-button__link:active {
-	color: black;
+	color: #000000;
 }
 
 .wp-block-button.is-style-outline.wp-block-button__link:hover, .wp-block-button.is-style-outline.wp-block-button__link:focus, .wp-block-button.is-style-outline.wp-block-button__link.has-focus,
@@ -1499,13 +1508,18 @@ button[data-load-more-btn], .button {
 	min-height: 480px;
 	margin-top: inherit;
 	margin-bottom: inherit;
-	/* default & custom background-color */
 	/* Treating H2 separately to account for legacy /core styles */
 	/**
 	 * Block Options
 	 */
 }
 
+.wp-block-cover.has-background-dim,
+.wp-block-cover-image.has-background-dim {
+	background-color: #444444;
+	color: #FFFFFF;
+}
+
 .wp-block-cover .wp-block-cover__inner-container,
 .wp-block-cover .wp-block-cover-image-text,
 .wp-block-cover .wp-block-cover-text,
@@ -1532,15 +1546,6 @@ button[data-load-more-btn], .button {
 	color: currentColor;
 }
 
-.wp-block-cover:not([class*='background-color']) .wp-block-cover__inner-container,
-.wp-block-cover:not([class*='background-color']) .wp-block-cover-image-text,
-.wp-block-cover:not([class*='background-color']) .wp-block-cover-text,
-.wp-block-cover-image:not([class*='background-color']) .wp-block-cover__inner-container,
-.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text,
-.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text {
-	color: white;
-}
-
 .wp-block-cover h2,
 .wp-block-cover-image h2 {
 	font-size: 2.48832rem;
@@ -1618,8 +1623,8 @@ button[data-load-more-btn], .button {
 }
 
 .wp-block-file .wp-block-file__button {
-	background-color: black;
-	color: white;
+	background-color: #000000;
+	color: #FFFFFF;
 	font-size: 0.83333rem;
 	margin-left: 16px;
 	margin-right: 16px;
@@ -1633,7 +1638,7 @@ button[data-load-more-btn], .button {
 .wp-block-file a.wp-block-file__button:focus,
 .wp-block-file a.wp-block-file__button:hover,
 .wp-block-file a.wp-block-file__button:visited {
-	color: white;
+	color: #FFFFFF;
 	opacity: .85;
 }
 
@@ -1644,7 +1649,7 @@ button[data-load-more-btn], .button {
 .wp-block-gallery .blocks-gallery-image figcaption,
 .wp-block-gallery .blocks-gallery-item figcaption {
 	margin: 0;
-	color: white;
+	color: #FFFFFF;
 	font-size: 0.69444rem;
 }
 
@@ -2009,8 +2014,8 @@ p.has-background {
 }
 
 .a8c-posts-list-item__featured span {
-	color: white;
-	background-color: black;
+	color: #FFFFFF;
+	background-color: #000000;
 	font-family: "EB Garamond", serif;
 	font-family: var(--font-headings, "EB Garamond", serif);
 	font-weight: bold;
@@ -2118,8 +2123,8 @@ p.has-background {
 }
 
 .wp-block-pullquote.is-style-solid-color {
-	background-color: black;
-	color: white;
+	background-color: #000000;
+	color: #FFFFFF;
 }
 
 .wp-block-pullquote.is-style-solid-color blockquote {
@@ -2143,7 +2148,7 @@ p.has-background {
 }
 
 .wp-block-quote {
-	border-left-color: black;
+	border-left-color: #000000;
 	margin: 32px 0;
 	padding-left: 16px;
 	/**
@@ -2202,7 +2207,7 @@ p.has-background {
 }
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
-	border-right-color: black;
+	border-right-color: #000000;
 }
 
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
@@ -2323,6 +2328,12 @@ table th,
 	word-break: break-all;
 }
 
+table.is-style-stripes tbody tr:nth-child(odd),
+.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
+	background-color: #FAFAFA;
+	color: #444444;
+}
+
 .wp-block-video figcaption {
 	color: #767676;
 	font-size: 0.69444rem;
@@ -2411,7 +2422,7 @@ table th,
 }
 
 .has-primary-color {
-	color: black;
+	color: #000000;
 }
 
 .has-secondary-color {
@@ -2438,8 +2449,9 @@ table th,
 	color: #DDDDDD;
 }
 
+.has-background-dim,
 .has-background-color {
-	color: white;
+	color: #FFFFFF;
 }
 
 .has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
@@ -2450,50 +2462,43 @@ table th,
 
 .has-primary-background-color,
 .has-primary-background-color.has-background-dim {
-	background-color: black;
-	color: white;
+	background-color: #000000;
 }
 
 .has-secondary-background-color,
 .has-secondary-background-color.has-background-dim {
 	background-color: #FF7A5C;
-	color: white;
 }
 
+.has-background-dim,
 .has-foreground-background-color,
 .has-foreground-background-color.has-background-dim {
 	background-color: #444444;
-	color: white;
 }
 
 .has-foreground-light-background-color,
 .has-foreground-light-background-color.has-background-dim {
 	background-color: #767676;
-	color: white;
 }
 
 .has-foreground-dark-background-color,
 .has-foreground-dark-background-color.has-background-dim {
 	background-color: #111111;
-	color: white;
 }
 
 .has-background-light-background-color,
-.has-foreground-light-background-color.has-background-dim {
+.has-background-light-background-color.has-background-dim {
 	background-color: #FAFAFA;
-	color: #444444;
 }
 
 .has-background-dark-background-color,
 .has-background-dark-background-color.has-background-dim {
 	background-color: #DDDDDD;
-	color: #444444;
 }
 
 .has-background-background-color,
 .has-background-background-color.has-background-dim {
-	background-color: white;
-	color: #444444;
+	background-color: #FFFFFF;
 }
 
 .is-small-text,
@@ -2680,7 +2685,7 @@ table th,
 }
 
 .site-title {
-	color: black;
+	color: #000000;
 	font-family: "EB Garamond", serif;
 	font-family: var(--font-headings, "EB Garamond", serif);
 	letter-spacing: normal;
@@ -2848,7 +2853,7 @@ body:not(.fse-enabled) .site-description {
 
 @media only screen and (min-width: 560px) {
 	.main-navigation > div > ul > li > .sub-menu {
-		background: white;
+		background: #FFFFFF;
 		box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
 		left: 0;
 		top: 100%;
@@ -2865,7 +2870,7 @@ body:not(.fse-enabled) .site-description {
 }
 
 .main-navigation a {
-	color: black;
+	color: #000000;
 	display: block;
 	font-family: "Work Sans", sans-serif;
 	font-family: var(--font-base, "Work Sans", sans-serif);
@@ -2880,7 +2885,7 @@ body:not(.fse-enabled) .site-description {
 }
 
 .main-navigation a:link, .main-navigation a:visited {
-	color: black;
+	color: #000000;
 }
 
 .main-navigation a:hover {
@@ -2947,7 +2952,7 @@ body:not(.fse-enabled) .main-navigation a {
 }
 
 .social-navigation a {
-	color: black;
+	color: #000000;
 	display: inline-block;
 	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
 }
@@ -3571,8 +3576,8 @@ img#wpstats {
  * - Page specific styles
  */
 .sticky-post {
-	color: white;
-	background-color: black;
+	color: #FFFFFF;
+	background-color: #000000;
 	font-family: "EB Garamond", serif;
 	font-family: var(--font-headings, "EB Garamond", serif);
 	font-weight: bold;
@@ -3885,7 +3890,7 @@ body .widget_eu_cookie_law_widget.widget.top {
 }
 
 body .widget_eu_cookie_law_widget #eu-cookie-law {
-	background: white;
+	background: #FFFFFF;
 	border: 1px solid #DDDDDD;
 	color: #444444;
 	font-size: 0.83333rem;
@@ -3902,11 +3907,11 @@ body .widget_eu_cookie_law_widget #eu-cookie-law {
 body .widget_eu_cookie_law_widget #eu-cookie-law.negative {
 	background: #444444;
 	border-color: #111111;
-	color: white;
+	color: #FFFFFF;
 }
 
 body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept {
-	background: white;
+	background: #FFFFFF;
 	color: #444444;
 }
 
@@ -4026,7 +4031,7 @@ a:hover, a:focus {
 
 .site-header a:hover,
 .site-header a:focus {
-	background: white;
+	background: #FFFFFF;
 }
 
 /**
@@ -4034,7 +4039,7 @@ a:hover, a:focus {
  */
 .site-title,
 .site-description {
-	color: black;
+	color: #000000;
 	text-transform: uppercase;
 	line-height: 1;
 	max-width: 100%;
@@ -4143,7 +4148,7 @@ a:hover, a:focus {
 }
 
 .has-drop-cap:not(:focus):first-letter {
-	color: black;
+	color: #000000;
 }
 
 /**