fix(StyledLabel/TabPanel): Update various labels and TabPanel content…

… to be neutral700
cengage · Oct 3, 2023 · dd1abd0 · dd1abd0
1 parent 6f1817c
commit dd1abd0
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/fix-labelsColors.md 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)
diff --git 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
@@ -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%;