feat(ProgressBar): Update colors from danger200/success200 to danger3…

…00/success300 in dark mode. (#1500) Co-authored-by: Nikita Orliak <[email protected]>
cengage · Oct 21, 2024 · 5a928ea · 5a928ea · github-actions · Oct 21, 2024
1 parent facf8e9
commit 5a928ea
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/.changeset/feat-progressBar-update-colors.md b/.changeset/feat-progressBar-update-colors.md
@@ -0,0 +1,5 @@
+---
+'react-magma-dom': minor
+---
+
+feat(ProgressBar): Update colors from danger200/success200 to danger300/success300 in dark mode.
diff --git a/packages/react-magma-dom/src/components/ProgressBar/ProgressBar.test.js b/packages/react-magma-dom/src/components/ProgressBar/ProgressBar.test.js
@@ -103,7 +103,7 @@ describe('ProgressBar', () => {
 
     expect(container.querySelector('[role="progressbar"]')).toHaveStyleRule(
       'background',
-      magma.colors.danger200
+      magma.colors.danger300
     );
   });
 
@@ -114,7 +114,7 @@ describe('ProgressBar', () => {
 
     expect(container.querySelector('[role="progressbar"]')).toHaveStyleRule(
       'background',
-      magma.colors.success200
+      magma.colors.success300
     );
   });
 

diff --git a/packages/react-magma-dom/src/components/ProgressBar/index.tsx b/packages/react-magma-dom/src/components/ProgressBar/index.tsx
@@ -60,9 +60,9 @@ function buildProgressBarBackground(props) {
     } else if (props.color === ProgressBarColor.primary) {
       return props.theme.colors.tertiary;
     } else if (props.color === ProgressBarColor.danger) {
-      return props.theme.colors.danger200;
+      return props.theme.colors.danger300;
     } else if (props.color === ProgressBarColor.success) {
-      return props.theme.colors.success200;
+      return props.theme.colors.success300;
     }
   }
   if (