From cee2b636d5af18106df7d178d879589cf9da78f6 Mon Sep 17 00:00:00 2001
From: Liberty Curtis <91206958+libertymayc@users.noreply.github.com>
Date: Thu, 5 Sep 2024 08:25:40 -0400
Subject: [PATCH] Fix text inside Panel having the incorrect color when
 color-scheme is not set or doesn't change the default text color e.g. in
 Safari (#3168)

---
 .changeset/plenty-pans-film.md    | 5 +++++
 packages/core/src/panel/Panel.css | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/plenty-pans-film.md

diff --git a/.changeset/plenty-pans-film.md b/.changeset/plenty-pans-film.md
new file mode 100644
index 00000000000..31942111ad6
--- /dev/null
+++ b/.changeset/plenty-pans-film.md
@@ -0,0 +1,5 @@
+---
+"@salt-ds/core": patch
+---
+
+Fixed text inside Panel having the incorrect color when color-scheme is not set or doesn't change the default text color e.g. in Safari.
diff --git a/packages/core/src/panel/Panel.css b/packages/core/src/panel/Panel.css
index 7c677267c32..5a05c52fe8b 100644
--- a/packages/core/src/panel/Panel.css
+++ b/packages/core/src/panel/Panel.css
@@ -16,7 +16,7 @@
 /* Styles applied to the root element */
 .saltPanel {
   background: var(--saltPanel-background, var(--panel-background));
-  color: var(--saltPanel-color, initial);
+  color: var(--saltPanel-color, inherit);
   height: var(--saltPanel-height, 100%);
   overflow: auto;
   padding: var(--saltPanel-padding, var(--salt-size-container-spacing));