ProgressBar: Use gray 300 for track color (#53349)

* ProgressBar: Use gray 300 for track color * Add CHANGELOG entry
WordPress · Aug 7, 2023 · 319016f · 319016f
1 parent fdbe9a9
commit 319016f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -13,6 +13,7 @@
 -   `TabPanel`: Introduce a new version of `TabPanel` with updated internals and improved adherence to ARIA guidance on `tabpanel` focus behavior while maintaining the same functionality and API surface.([#52133](https://github.com/WordPress/gutenberg/pull/52133)).
 -   `Theme`: Expose via private APIs ([#53262](https://github.com/WordPress/gutenberg/pull/53262)).
 -   `ProgressBar`: Use the theme system accent for indicator color ([#53347](https://github.com/WordPress/gutenberg/pull/53347)).
+-   `ProgressBar`: Use gray 300 for track color ([#53349](https://github.com/WordPress/gutenberg/pull/53349)).
 
 ### Bug Fix
 

diff --git a/packages/components/src/progress-bar/styles.ts b/packages/components/src/progress-bar/styles.ts
@@ -28,8 +28,8 @@ export const Track = styled.div`
 	max-width: 160px;
 	height: ${ CONFIG.borderWidthFocus };
 	background-color: var(
-		--wp-components-color-gray-100,
-		${ COLORS.gray[ 100 ] }
+		--wp-components-color-gray-300,
+		${ COLORS.gray[ 300 ] }
 	);
 	border-radius: ${ CONFIG.radiusBlockUi };
 `;