From 5a928ea59bc9c87095eeffa7847cbf5d90aa103e Mon Sep 17 00:00:00 2001
From: nikitaorliak-cengage <nikita.orliak@cengage.com>
Date: Mon, 21 Oct 2024 16:25:28 +0200
Subject: [PATCH] feat(ProgressBar): Update colors from danger200/success200 to
 danger300/success300 in dark mode. (#1500)

Co-authored-by: Nikita Orliak <nikita.orliak@nixs.com>
---
 .changeset/feat-progressBar-update-colors.md                 | 5 +++++
 .../src/components/ProgressBar/ProgressBar.test.js           | 4 ++--
 .../react-magma-dom/src/components/ProgressBar/index.tsx     | 4 ++--
 3 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/feat-progressBar-update-colors.md

diff --git a/.changeset/feat-progressBar-update-colors.md b/.changeset/feat-progressBar-update-colors.md
new file mode 100644
index 000000000..5a4e5f2db
--- /dev/null
+++ 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.
\ No newline at end of file
diff --git a/packages/react-magma-dom/src/components/ProgressBar/ProgressBar.test.js b/packages/react-magma-dom/src/components/ProgressBar/ProgressBar.test.js
index 72bbbf022..9bfdbebe9 100644
--- 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
index 6cd819c9a..32c4b7735 100644
--- 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 (