From 191ec42dfc08ddd8c019a32a8b810f9458f0f10f Mon Sep 17 00:00:00 2001
From: Tayyaba Taimur <tayyabataimur@main>
Date: Thu, 9 Jan 2025 14:07:38 +0000
Subject: [PATCH] Updates AccordionHeader's background color to align with
 Figma

---
 .changeset/smart-jobs-heal.md                   | 5 +++++
 packages/core/src/accordion/AccordionHeader.css | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/smart-jobs-heal.md

diff --git a/.changeset/smart-jobs-heal.md b/.changeset/smart-jobs-heal.md
new file mode 100644
index 00000000000..72d58d58935
--- /dev/null
+++ b/.changeset/smart-jobs-heal.md
@@ -0,0 +1,5 @@
+---
+"@salt-ds/core": patch
+---
+
+Updated `AccordionHeader`'s background color to `transparent` to align with Figma. Closes #4544.
diff --git a/packages/core/src/accordion/AccordionHeader.css b/packages/core/src/accordion/AccordionHeader.css
index 8ba3d572291..798e5852094 100644
--- a/packages/core/src/accordion/AccordionHeader.css
+++ b/packages/core/src/accordion/AccordionHeader.css
@@ -5,7 +5,7 @@
   border: 0;
   width: 100%;
   min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
-  background: var(--salt-actionable-secondary-background);
+  background: transparent;
   font-size: var(--salt-text-fontSize);
   line-height: var(--salt-text-lineHeight);
   font-family: var(--salt-text-fontFamily);
@@ -61,7 +61,7 @@
 }
 
 .saltAccordionHeader:disabled {
-  background: var(--salt-actionable-secondary-background);
+  background: transparent;
   color: var(--salt-content-primary-foreground-disabled);
   cursor: var(--salt-actionable-cursor-disabled);
 }