From 4113d734e2dd4b07b5314cba20c9cd6563e22358 Mon Sep 17 00:00:00 2001
From: JesmoDev <26099018+JesmoDev@users.noreply.github.com>
Date: Tue, 25 Jun 2024 10:52:19 +0200
Subject: [PATCH] revert uui-select change

---
 ...ent-user-theme-user-profile-app.element.ts | 19 +++----------------
 1 file changed, 3 insertions(+), 16 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 5f89e07171..b513831863 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
@@ -1,4 +1,4 @@
-import { css, html, customElement, state, nothing, repeat } from '@umbraco-cms/backoffice/external/lit';
+import { css, html, customElement, state, nothing } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
 import { UMB_THEME_CONTEXT } from '@umbraco-cms/backoffice/themes';
@@ -50,28 +50,15 @@ export class UmbCurrentUserThemeUserProfileAppElement extends UmbLitElement {
 		return html`
 			<uui-box headline="Theme">
 				<uui-tag slot="headline" look="placeholder">Experimental</uui-tag>
-				<select label="Select theme" @change=${this.#onThemeChange}>
-					${repeat(
-						this._themes,
-						(theme) => theme.value,
-						(theme) => html`<option value=${theme.value} ?selected=${theme.selected}>${theme.name}</option>`,
-					)}
-				</select>
+				<uui-select label="Select theme" .options=${this._themes} @change=${this.#onThemeChange}></uui-select>
 			</uui-box>
 		`;
 	}
 
 	static override styles = [
 		css`
-			select {
+			uui-select {
 				width: 100%;
-				font: inherit;
-				color: var(--uui-color-text);
-				background-color: var(--uui-color-surface);
-				padding: var(--uui-size-1) var(--uui-size-space-3);
-				border: 1px solid var(--uui-color-border);
-				height: var(--uui-size-11);
-				box-sizing: border-box;
 			}
 		`,
 	];