feat: add a few variables to control the header and logo

iOvergaard · iOvergaard · commit a0366a21f648 · 2024-05-21T17:15:26.000+02:00
diff --git a/src/apps/backoffice/components/backoffice-header-logo.element.ts b/src/apps/backoffice/components/backoffice-header-logo.element.ts
@@ -44,6 +44,7 @@ export class UmbBackofficeHeaderLogoElement extends UmbLitElement {
 		UmbTextStyles,
 		css`
 			#logo {
+				display: var(--umb-header-logo-display, inline);
 				--uui-button-padding-top-factor: 1;
 				--uui-button-padding-bottom-factor: 0.5;
 				margin-right: var(--uui-size-space-2);
diff --git a/src/apps/backoffice/components/backoffice-header.element.ts b/src/apps/backoffice/components/backoffice-header.element.ts
@@ -20,7 +20,7 @@ export class UmbBackofficeHeaderElement extends UmbLitElement {
 			}
 
 			#appHeader {
-				background-color: var(--uui-color-header-surface);
+				background-color: var(--umb-header-background-color, var(--uui-color-header-surface));
 				display: flex;
 				align-items: center;
 				justify-content: space-between;

Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,7 @@ export class UmbBackofficeHeaderElement extends UmbLitElement {`
`20`	`20`	`}`
`21`	`21`
`22`	`22`	`#appHeader {`
`23`		`- background-color: var(--uui-color-header-surface);`
	`23`	`+ background-color: var(--umb-header-background-color, var(--uui-color-header-surface));`
`24`	`24`	`display: flex;`
`25`	`25`	`align-items: center;`
`26`	`26`	`justify-content: space-between;`