diff --git a/src/components/accordion/_accordion.scss b/src/components/accordion/_accordion.scss index 6ff8f5e..a57bcbf 100644 --- a/src/components/accordion/_accordion.scss +++ b/src/components/accordion/_accordion.scss @@ -63,10 +63,10 @@ $accordion_padding_y: calc(var(--spacing-lg) * 1.25); } &:hover { - color: var(--accordion-color-header-hover); + color: var(--accordion-color-header); .accordion__icon { - fill: var(--accordion-color-header-hover); + fill: var(--accordion-color-header); } } } @@ -95,16 +95,28 @@ $accordion_padding_y: calc(var(--spacing-lg) * 1.25); color: var(--accordion-color-header); margin: 0 0 $accordion_padding_y; + [data-accordion-expanded='false'] & { + color: var(--accordion-color-body); + } + &:hover { color: var(--accordion-color-header-hover); + [data-accordion-expanded='false'] & { + color: var(--accordion-color-header); + + .accordion-item__toggle { + color: var(--accordion-color-header); + } + } + .accordion-item__icon { fill: var(--accordion-color-header-hover); - } - } - [data-accordion-expanded='false'] & { - color: var(--accordion-color-body); + [data-accordion-expanded='false'] & { + fill: var(--accordion-color-header); + } + } } } @@ -117,6 +129,7 @@ $accordion_padding_y: calc(var(--spacing-lg) * 1.25); [aria-expanded='true'] > & { transform: rotate(180deg); + fill: var(--accordion-color-header); } } diff --git a/src/components/tokens/_tokens.scss b/src/components/tokens/_tokens.scss index 131866f..663db70 100644 --- a/src/components/tokens/_tokens.scss +++ b/src/components/tokens/_tokens.scss @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 08 Aug 2024 18:32:01 GMT + * Generated on Thu, 08 Aug 2024 21:29:15 GMT */ :root {