From 743367781d7b30aa0e62ba6ea346d8e2670fa2b9 Mon Sep 17 00:00:00 2001
From: Addison Stavlo <Stavz01@gmail.com>
Date: Tue, 16 Jun 2020 17:32:16 -0400
Subject: [PATCH] use var (#23221)

---
 packages/block-library/src/template-part/editor.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/block-library/src/template-part/editor.scss b/packages/block-library/src/template-part/editor.scss
index 0b2712129a270d..64fed43e2eec91 100644
--- 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;