header buttons transparent background

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 {

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;
 			}
 		`,
 	];

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;
 			}
 		`,
 	];