diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 1fbb88ed83f941..6a41b444a11212 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -12,6 +12,7 @@ - `MenuItemsChoice`, `MenuItem`: Support a `disabled` prop on a menu item ([#52737](https://github.com/WordPress/gutenberg/pull/52737)). - `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)). ### Bug Fix diff --git a/packages/components/src/progress-bar/styles.ts b/packages/components/src/progress-bar/styles.ts index 194c88c4e901b3..dc8e573f377769 100644 --- a/packages/components/src/progress-bar/styles.ts +++ b/packages/components/src/progress-bar/styles.ts @@ -43,7 +43,7 @@ export const Indicator = styled.div< { top: 0; height: 100%; border-radius: ${ CONFIG.radiusBlockUi }; - background-color: ${ COLORS.ui.theme }; + background-color: var( --wp-components-color-accent, ${ COLORS.ui.theme } ); ${ ( { isIndeterminate, value } ) => isIndeterminate