Fixes #16732. Updates the UI on Quote and Pullquote blocks for dark t…

…hemes. (#26510)
WordPress · Oct 27, 2020 · c56d489 · c56d489
1 parent 796a679
commit c56d489
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/packages/block-library/src/pullquote/theme.scss b/packages/block-library/src/pullquote/theme.scss
@@ -4,12 +4,22 @@
 	margin-bottom: 1.75em;
 	color: #555;
 
+	.is-dark-theme & {
+		border-top: 4px solid $light-gray-placeholder;
+		border-bottom: 4px solid $light-gray-placeholder;
+		color: $light-gray-placeholder;
+	}
+
 	cite,
 	footer,
 	&__citation {
 		color: #555;
 		text-transform: uppercase;
 		font-size: 0.8125em;
 		font-style: normal;
+
+		.is-dark-theme & {
+			color: $light-gray-placeholder;
+		}
 	}
 }
diff --git a/packages/block-library/src/quote/theme.scss b/packages/block-library/src/quote/theme.scss
@@ -3,6 +3,10 @@
 	margin: 0 0 1.75em 0;
 	padding-left: 1em;
 
+	.is-dark-theme & {
+		border-left: 0.25em solid $light-gray-placeholder;
+	}
+
 	cite,
 	footer,
 	&__citation {
@@ -11,6 +15,10 @@
 		margin-top: 1em;
 		position: relative;
 		font-style: normal;
+
+		.is-dark-theme & {
+			color: $light-gray-placeholder;
+		}
 	}
 
 	&.has-text-align-right {