Sets the text color of the property description

Author: leekelleher

src/packages/core/property/property-layout/property-layout.element.ts

@@ -82,7 +82,7 @@ export class UmbPropertyLayoutElement extends UmbLitElement {
 	#renderDescription() {
 		if (!this.description) return;
 		const ufmValue = { alias: this.alias, label: this.label, description: this.description };
-		return html`<umb-ufm-render .markdown=${this.description} .value=${ufmValue}></umb-ufm-render>`;
+		return html`<umb-ufm-render id="description" .markdown=${this.description} .value=${ufmValue}></umb-ufm-render>`;
 	}
 
 	static override styles = [
@@ -131,6 +131,10 @@ export class UmbPropertyLayoutElement extends UmbLitElement {
 				right: -30px;
 			}
 
+			#description {
+				color: var(--uui-color-text-alt);
+			}
+
 			#editorColumn {
 				margin-top: var(--uui-size-space-3);
 			}

src/packages/ufm/components/ufm-render/ufm-render.element.ts

@@ -94,10 +94,6 @@ export class UmbUfmRenderElement extends UmbLitElement {
 	static override styles = [
 		UmbTextStyles,
 		css`
-			:host {
-				color: var(--uui-color-text-alt);
-			}
-
 			* {
 				max-width: 100%;
 			}