Hi there!

Thanks for contacting us.

Did you mean the background color of menu items or the text color of them?

Here are both codes for you- active plus hover:

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    background-color: blueviolet !important;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    color:blanchedalmond !important;
}

Please put them in the custom CSS and check with your desired color in the code.

Note: Path towards custom CSS(Joomla 4): System>Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/5mBuSRh907N3

https://prnt.sc/ooiq-lkMEXr_

https://prnt.sc/nunlX-f5AhK1

Best Regards

Thank you, that works fine for me.

Glad that it helps and you are always welcome:)

You may accept the most useful answer in order to close the post.

Have a nice day!