The light themed accordion icon is controlled by a set of two variables:
$accordion-icon-color$accordion-icon-active-color
The dark themed accordion icon did not have this level of control available and instead would always use $primary-text-emphasis-dark.
Replicate the behaviour to permit individual control over the colours to match the behaviour for the light themed form.
Description
The dark themed accordion does not permit control over the icon colour that the light themed accordion allows.
Motivation & Context
Changing the color of the icon for the dark theme is currently not possible which can cause trouble if the emphasis text colour is desired to be different from the chevron on the accordion.
Type of changes
-
Bug fix (non-breaking change which fixes an issue) -
New feature (non-breaking change which adds functionality) -
Refactoring (non-breaking change) -
Breaking change (fix or feature that would change existing functionality)
Checklist
-
I have read the contributing guidelines -
My code follows the code style of the project (using npm run lint) -
My change introduces changes to the documentation -
I have updated the documentation accordingly -
I have added tests to cover my changes -
All new and existing tests passed