From cb6d5c84e470797e7127ae0fb7070cf45406e74e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jesper=20M=C3=B8ller=20Jensen?=
 <26099018+JesmoDev@users.noreply.github.com>
Date: Mon, 30 Jan 2023 01:40:41 +0100
Subject: [PATCH] header buttons transparent background

---
 .../components/backoffice-frame/backoffice-header.element.ts    | 1 +
 .../shared/components/header-app/header-app-button.element.ts   | 2 +-
 .../users/current-user/current-user-header-app.element.ts       | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/backoffice-frame/backoffice-header.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/backoffice-frame/backoffice-header.element.ts
index f27e0a9d5d..6d66febbe2 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/backoffice-frame/backoffice-header.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/backoffice-frame/backoffice-header.element.ts
@@ -26,6 +26,7 @@ export class UmbBackofficeHeader extends LitElement {
 				--uui-button-padding-top-factor: 1;
 				--uui-button-padding-bottom-factor: 0.5;
 				margin-right: var(--uui-size-space-2);
+				--uui-button-background-color: transparent;
 			}
 
 			#logo img {
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/header-app/header-app-button.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/header-app/header-app-button.element.ts
index be8e42c548..2095d825fd 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/header-app/header-app-button.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/header-app/header-app-button.element.ts
@@ -6,12 +6,12 @@ import { ManifestHeaderApp } from '@umbraco-cms/extensions-registry';
 
 @customElement('umb-header-app-button')
 export class UmbHeaderAppButton extends LitElement {
-	
 	static styles: CSSResultGroup = [
 		UUITextStyles,
 		css`
 			uui-button {
 				font-size: 18px;
+				--uui-button-background-color: transparent;
 			}
 		`,
 	];
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/users/current-user/current-user-header-app.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/users/current-user/current-user-header-app.element.ts
index d52ca87f5e..1c2112fbba 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/users/current-user/current-user-header-app.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/users/current-user/current-user-header-app.element.ts
@@ -13,6 +13,7 @@ export class UmbCurrentUserHeaderApp extends UmbLitElement {
 		css`
 			uui-button {
 				font-size: 14px;
+				--uui-button-background-color: transparent;
 			}
 		`,
 	];