diff --git a/src/css/components/po-accordion/po-accordion-item-header.css b/src/css/components/po-accordion/po-accordion-item-header.css index cebff219..8e8b10ce 100644 --- a/src/css/components/po-accordion/po-accordion-item-header.css +++ b/src/css/components/po-accordion/po-accordion-item-header.css @@ -35,6 +35,10 @@ background-color: var(--background-hover); } +.po-accordion-item-header-button:hover .po-accordion-item-header-icon { + color: var(--color-hover); +} + .po-accordion-item-header-button:disabled { background-color: var(--background-disabled); color: var(--color-disabled); @@ -52,6 +56,10 @@ outline: none; } +.po-accordion-item-header-button:enabled:active .po-accordion-item-header-icon { + color: var(--color-pressed); +} + /* outline para compatibilidade com os demais navegadores */ .po-accordion-item-header-button:focus { color: var(--color-focus); diff --git a/src/css/components/po-accordion/po-accordion-manager.css b/src/css/components/po-accordion/po-accordion-manager.css index 93f4080a..6c99cdb7 100644 --- a/src/css/components/po-accordion/po-accordion-manager.css +++ b/src/css/components/po-accordion/po-accordion-manager.css @@ -26,6 +26,10 @@ outline: none; } +.po-accordion-manager-button:enabled:active .po-accordion-manager-icon { + color: var(--color-pressed); +} + .po-accordion-manager-button:focus .po-accordion-manager-icon { color: var(--color-focus); }