diff --git a/components/lib/stepper/style/StepperStyle.js b/components/lib/stepper/style/StepperStyle.js index cc8ab7dbe..380315ba3 100644 --- a/components/lib/stepper/style/StepperStyle.js +++ b/components/lib/stepper/style/StepperStyle.js @@ -92,6 +92,7 @@ const theme = ({ dt }) => ` .p-stepper-item-active .p-stepper-item-number { background: ${dt('stepper.item.number.active.background')}; + border-color: ${dt('stepper.item.number.active.border.color')}; color: ${dt('stepper.item.number.active.color')}; } diff --git a/components/lib/steps/style/StepsStyle.js b/components/lib/steps/style/StepsStyle.js index 975211c5c..c691e09c5 100644 --- a/components/lib/steps/style/StepsStyle.js +++ b/components/lib/steps/style/StepsStyle.js @@ -108,6 +108,7 @@ const theme = ({ dt }) => ` .p-steps-item-active .p-steps-item-number { background: ${dt('steps.item.number.active.background')}; + border-color: ${dt('steps.item.number.active.border.color')}; color: ${dt('steps.item.number.active.color')}; } diff --git a/components/lib/themes/aura/stepper/index.js b/components/lib/themes/aura/stepper/index.js index a8462d3b1..a907a45e6 100644 --- a/components/lib/themes/aura/stepper/index.js +++ b/components/lib/themes/aura/stepper/index.js @@ -37,6 +37,7 @@ export default { background: '{content.background}', activeBackground: '{content.background}', borderColor: '{content.border.color}', + activeBorderColor: '{content.border.color}', color: '{text.muted.color}', activeColor: '{primary.color}', size: '2rem', diff --git a/components/lib/themes/aura/steps/index.js b/components/lib/themes/aura/steps/index.js index f26b6e17e..95c6c9dd2 100644 --- a/components/lib/themes/aura/steps/index.js +++ b/components/lib/themes/aura/steps/index.js @@ -25,6 +25,7 @@ export default { background: '{content.background}', activeBackground: '{content.background}', borderColor: '{content.border.color}', + activeBorderColor: '{content.border.color}', color: '{text.muted.color}', activeColor: '{primary.color}', size: '2rem', diff --git a/components/lib/themes/lara/stepper/index.js b/components/lib/themes/lara/stepper/index.js index 9cd36b5a8..07e53819b 100644 --- a/components/lib/themes/lara/stepper/index.js +++ b/components/lib/themes/lara/stepper/index.js @@ -37,6 +37,7 @@ export default { background: '{content.background}', activeBackground: '{primary.color}', borderColor: '{content.border.color}', + activeBorderColor: '{primary.color}', color: '{text.muted.color}', activeColor: '{primary.contrast.color}', size: '2.25rem', diff --git a/components/lib/themes/lara/steps/index.js b/components/lib/themes/lara/steps/index.js index dd5891180..963c86bb6 100644 --- a/components/lib/themes/lara/steps/index.js +++ b/components/lib/themes/lara/steps/index.js @@ -25,6 +25,7 @@ export default { background: '{content.background}', activeBackground: '{primary.color}', borderColor: '{content.border.color}', + activeBorderColor: '{primary.color}', color: '{text.muted.color}', activeColor: '{primary.contrast.color}', size: '2.25rem', diff --git a/components/lib/themes/nora/stepper/index.js b/components/lib/themes/nora/stepper/index.js index 214b1f5b8..11e4af71e 100644 --- a/components/lib/themes/nora/stepper/index.js +++ b/components/lib/themes/nora/stepper/index.js @@ -31,12 +31,13 @@ export default { itemTitle: { color: '{text.muted.color}', activeColor: '{primary.color}', - fontWeight: '500' + fontWeight: '700' }, itemNumber: { background: '{content.background}', activeBackground: '{primary.color}', borderColor: '{content.border.color}', + activeBorderColor: '{primary.color}', color: '{text.muted.color}', activeColor: '{primary.contrast.color}', size: '2rem', diff --git a/components/lib/themes/nora/steps/index.js b/components/lib/themes/nora/steps/index.js index eff49c7ce..f741320c8 100644 --- a/components/lib/themes/nora/steps/index.js +++ b/components/lib/themes/nora/steps/index.js @@ -19,12 +19,13 @@ export default { itemLabel: { color: '{text.muted.color}', activeColor: '{primary.color}', - fontWeight: '500' + fontWeight: '700' }, itemNumber: { background: '{content.background}', activeBackground: '{primary.color}', borderColor: '{content.border.color}', + activeBorderColor: '{primary.color}', color: '{text.muted.color}', activeColor: '{primary.contrast.color}', size: '2rem',