From fe5e89b09c63a50985fdaacaf293c99145bba392 Mon Sep 17 00:00:00 2001
From: JesmoDev <26099018+JesmoDev@users.noreply.github.com>
Date: Tue, 14 May 2024 17:26:13 +0200
Subject: [PATCH 1/4] mark themes as experimental

---
 .../src/packages/core/themes/manifests.ts              |  4 ++--
 .../current-user-theme-user-profile-app.element.ts     | 10 +++++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/themes/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/core/themes/manifests.ts
index 80de990440..c0fa95cccf 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/themes/manifests.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/themes/manifests.ts
@@ -16,14 +16,14 @@ export const themes: Array<ManifestGlobalContext | ManifestTheme> = [
 	{
 		type: 'theme',
 		alias: 'umb-dark-theme',
-		name: 'Dark',
+		name: 'Dark (Experimental)',
 		css: '/umbraco/backoffice/css/dark.theme.css',
 		weight: 200,
 	},
 	{
 		type: 'theme',
 		alias: 'umb-high-contrast-theme',
-		name: 'High contrast',
+		name: 'High contrast (Experimental)',
 		css: '/umbraco/backoffice/css/high-contrast.theme.css',
 		weight: 100,
 	},
diff --git a/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts b/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts
index 84e443680d..e9422b5fb3 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts
@@ -48,7 +48,11 @@ export class UmbCurrentUserThemeUserProfileAppElement extends UmbLitElement {
 	render() {
 		if (!this._themes.length) return nothing;
 		return html`
-			<uui-box headline="Select theme">
+			<uui-box>
+				<div slot="header">
+					<b>Select Theme</b>
+					<p>Experimental. Only light theme is fully supported</p>
+				</div>
 				<uui-select
 					label="Select theme"
 					.options=${this._themes}
@@ -63,6 +67,10 @@ export class UmbCurrentUserThemeUserProfileAppElement extends UmbLitElement {
 			uui-select {
 				width: 100%;
 			}
+			p {
+				margin: 0;
+				margin-top: var(--uui-size-space-1);
+			}
 		`,
 	];
 }

From 1e95280772848e75d5a96e466159675d37c7e061 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Wed, 15 May 2024 14:52:37 +0200
Subject: [PATCH 2/4] Update current-user-theme-user-profile-app.element.ts

---
 .../theme/current-user-theme-user-profile-app.element.ts    | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts b/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts
index ebd3299944..14522751af 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts
@@ -48,11 +48,7 @@ export class UmbCurrentUserThemeUserProfileAppElement extends UmbLitElement {
 	render() {
 		if (!this._themes.length) return nothing;
 		return html`
-			<uui-box>
-				<div slot="header">
-					<b>Select Theme</b>
-					<p>Experimental. Only light theme is fully supported</p>
-				</div>
+			<uui-box headline="Theme">
 				<uui-select label="Select theme" .options=${this._themes} @change=${this.#onThemeChange}></uui-select>
 			</uui-box>
 		`;

From bc818a2abb8a64dab1f05b465ae5f1705f3bfd4f Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Wed, 15 May 2024 14:53:13 +0200
Subject: [PATCH 3/4] add experimental to headline

---
 .../theme/current-user-theme-user-profile-app.element.ts        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts b/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts
index 14522751af..5b87df80cd 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts
@@ -48,7 +48,7 @@ export class UmbCurrentUserThemeUserProfileAppElement extends UmbLitElement {
 	render() {
 		if (!this._themes.length) return nothing;
 		return html`
-			<uui-box headline="Theme">
+			<uui-box headline="Theme (Experimental)">
 				<uui-select label="Select theme" .options=${this._themes} @change=${this.#onThemeChange}></uui-select>
 			</uui-box>
 		`;

From a7e582f327ca6aed8fdeed8ac453e2cdb0c09cb6 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Wed, 15 May 2024 14:54:34 +0200
Subject: [PATCH 4/4] remove unused styling

---
 .../theme/current-user-theme-user-profile-app.element.ts      | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts b/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts
index 5b87df80cd..1b150cf8b1 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/user/current-user/theme/current-user-theme-user-profile-app.element.ts
@@ -59,10 +59,6 @@ export class UmbCurrentUserThemeUserProfileAppElement extends UmbLitElement {
 			uui-select {
 				width: 100%;
 			}
-			p {
-				margin: 0;
-				margin-top: var(--uui-size-space-1);
-			}
 		`,
 	];
 }