Make active page menu item, text in a different colour

Hi I would like to make the text on active page menu item a different colour so you can see what page you are on.

I have tried a couple of ideas but none of them seem to change the active menu item text.

I have tried:

/* Show active page in the menu */
.current_page_item a {
       background-color: green;
       color: ##9a63ff !important;
}

and I have tried:

/* Show active page in the menu */
.storefront-primary-navigation li.current-menu-item {
     background-color: green;
     color: #9a63ff !important;
}

In both cases it shows a green box around the active menu item but the text is still black and not the purple I would like it to be.

A link to the website is: https://brandedfashiondirect.org/wp-sf-sct-test-1/

Thank you in advance.