From 5509b34a83211c3144de3d1400380a13c99281bb Mon Sep 17 00:00:00 2001
From: JesmoDev <26099018+JesmoDev@users.noreply.github.com>
Date: Tue, 20 Aug 2024 11:14:10 +0200
Subject: [PATCH] Fix: use text color in top layer elements (#882)

* fix text color in modals
* fix text color in popovers
---
 packages/uui-modal/lib/uui-modal.element.ts                      | 1 +
 .../uui-popover-container/lib/uui-popover-container.element.ts   | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/uui-modal/lib/uui-modal.element.ts b/packages/uui-modal/lib/uui-modal.element.ts
index a57278ebc..9f570e4fb 100644
--- a/packages/uui-modal/lib/uui-modal.element.ts
+++ b/packages/uui-modal/lib/uui-modal.element.ts
@@ -96,6 +96,7 @@ export class UUIModalElement extends LitElement {
         max-height: unset;
         border: none;
         background: none;
+        color: var(--uui-color-text);
       }
       dialog::backdrop {
         background: none;
diff --git a/packages/uui-popover-container/lib/uui-popover-container.element.ts b/packages/uui-popover-container/lib/uui-popover-container.element.ts
index 7d37ce1bd..4cbd1a880 100644
--- a/packages/uui-popover-container/lib/uui-popover-container.element.ts
+++ b/packages/uui-popover-container/lib/uui-popover-container.element.ts
@@ -367,6 +367,7 @@ export class UUIPopoverContainerElement extends LitElement {
         background-color: none;
         background: none;
         overflow: visible;
+        color: var(--uui-color-text);
       }
     `,
   ];