From dd1abd05a1b1ca24b2a6d48dcf920f92dc687219 Mon Sep 17 00:00:00 2001
From: Laura Silva <silvalaurav@gmail.com>
Date: Tue, 3 Oct 2023 13:56:45 -0400
Subject: [PATCH] fix(StyledLabel/TabPanel): Update various labels and TabPanel
 content to be neutral700

---
 .changeset/fix-labelsColors.md                               | 5 +++++
 .../src/components/SelectionControls/StyledLabel.tsx         | 4 +++-
 packages/react-magma-dom/src/components/Tabs/TabPanel.tsx    | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/fix-labelsColors.md

diff --git a/.changeset/fix-labelsColors.md b/.changeset/fix-labelsColors.md
new file mode 100644
index 000000000..bf597d948
--- /dev/null
+++ b/.changeset/fix-labelsColors.md
@@ -0,0 +1,5 @@
+---
+'react-magma-dom': patch
+---
+
+fix(StyledLabel/TabPanel): Update various labels and TabPanel content to be neutral700 (instead of neutral500)
\ No newline at end of file
diff --git a/packages/react-magma-dom/src/components/SelectionControls/StyledLabel.tsx b/packages/react-magma-dom/src/components/SelectionControls/StyledLabel.tsx
index a4a42b429..87e109458 100644
--- a/packages/react-magma-dom/src/components/SelectionControls/StyledLabel.tsx
+++ b/packages/react-magma-dom/src/components/SelectionControls/StyledLabel.tsx
@@ -12,7 +12,9 @@ export interface StyledLabelProps {
 const StyledLabelComponent = styled.label<StyledLabelProps>`
   align-items: flex-start;
   color: ${props =>
-    props.isInverse ? props.theme.colors.neutral100 : 'inherit'};
+    props.isInverse
+      ? props.theme.colors.neutral100
+      : props.theme.colors.neutral700};
   display: flex;
   font-size: ${props => props.theme.typeScale.size03.fontSize};
   font-family: ${props => props.theme.bodyFont};
diff --git a/packages/react-magma-dom/src/components/Tabs/TabPanel.tsx b/packages/react-magma-dom/src/components/Tabs/TabPanel.tsx
index 0ac02f4ed..4a44f4140 100644
--- a/packages/react-magma-dom/src/components/Tabs/TabPanel.tsx
+++ b/packages/react-magma-dom/src/components/Tabs/TabPanel.tsx
@@ -12,7 +12,7 @@ const StyledTabPanel = styled.div<{
   color: ${props =>
     props.isInverse
       ? props.theme.colors.neutral100
-      : props.theme.colors.neutral};
+      : props.theme.colors.neutral700};
   font-family: ${props => props.theme.bodyFont};
   flex: 1;
   height: 100%;