Block Editor: Improve focus overlay and add global tag to breadcrumbs.

packages/block-editor/src/components/block-title/index.js

@@ -29,6 +29,19 @@ export function BlockTitle( { name } ) {
 		return null;
 	}
 
+	// TODO: Infer this from `block.json` when we have block context.
+	// See https://github.com/WordPress/gutenberg/issues/19685.
+	if ( name === 'core/template-part' ) {
+		return (
+			<>
+				<span className="block-editor-block-title__global">
+					Global{ ' ' }
+				</span>
+				{ blockType.title }
+			</>
+		);
+	}
+
 	return blockType.title;
 }
 

packages/block-editor/src/components/block-title/style.scss

@@ -0,0 +1,12 @@
+.block-editor-block-title__global {
+	align-items: center;
+	background: #000;
+	border-radius: 2px;
+	color: #fff;
+	display: inline-flex;
+	height: 18px;
+	justify-content: center;
+	margin: auto 5px;
+	padding: 0 4px;
+	width: 39px;
+}

packages/block-editor/src/components/inner-blocks/style.scss

@@ -19,6 +19,6 @@
 }
 
 .block-editor-inner-blocks.is-controlled.is-selected {
-	box-shadow: 0 0 0 1600px rgba(0, 0, 0, 0.65);
+	box-shadow: 0 0 0 1600px rgba(200, 200, 200, 0.9);
 	padding: 1px 30px;
 }

packages/block-editor/src/style.scss

@@ -20,6 +20,7 @@
 @import "./components/block-settings-menu/style.scss";
 @import "./components/block-styles/style.scss";
 @import "./components/block-switcher/style.scss";
+@import "./components/block-title/style.scss";
 @import "./components/block-types-list/style.scss";
 @import "./components/block-variation-picker/style.scss";
 @import "./components/button-block-appender/style.scss";