use var (#23221)

WordPress · Jun 16, 2020 · 7433677 · 7433677
1 parent c0ea950
commit 7433677
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/block-library/src/template-part/editor.scss b/packages/block-library/src/template-part/editor.scss
@@ -64,11 +64,11 @@
 		border: $border-width solid transparent;
 
 		&:hover {
-			border: $border-width solid $theme-color;
+			border: $border-width solid var(--wp-admin-theme-color);
 		}
 
 		&:focus {
-			box-shadow: inset 0 0 0 1px $white, 0 0 0 $border-width-focus $theme-color;
+			box-shadow: inset 0 0 0 1px $white, 0 0 0 $border-width-focus var(--wp-admin-theme-color);
 
 			// Windows High Contrast mode will show this outline, but not the box-shadow.
 			outline: 2px solid transparent;
@@ -96,7 +96,7 @@
 	}
 
 	.wp-block-template-part__placeholder-panel-group-title {
-		color: $theme-color;
+		color: var(--wp-admin-theme-color);
 		text-transform: uppercase;
 		font-size: 11px;
 		font-weight: 500;