From 493a398c146e8cf239afca45c0e68b00239df2e3 Mon Sep 17 00:00:00 2001
From: Mathias Helsengren <mhe@umbraco.dk>
Date: Mon, 20 Oct 2025 12:36:11 +0200
Subject: [PATCH] Made use of the uui-button outline overwrite to change the
 focus border color to be the contrast color of the header.

---
 .../src/apps/backoffice/components/backoffice-header.element.ts  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Umbraco.Web.UI.Client/src/apps/backoffice/components/backoffice-header.element.ts b/src/Umbraco.Web.UI.Client/src/apps/backoffice/components/backoffice-header.element.ts
index 91cd28e05632..e0321b193cd4 100644
--- a/src/Umbraco.Web.UI.Client/src/apps/backoffice/components/backoffice-header.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/apps/backoffice/components/backoffice-header.element.ts
@@ -20,6 +20,7 @@ export class UmbBackofficeHeaderElement extends UmbLitElement {
 			}
 
 			#appHeader {
+				--uui-focus-outline-color: var(--uui-color-header-contrast-emphasis);
 				background-color: var(--umb-header-background-color, var(--uui-color-header-surface));
 				display: flex;
 				align-items: center;