olavxxx

it should be in the style.css in the template root folder.

Look for #access a { }, .menu a, .menu a:visited { } and you shold find one with :hover too.

https://www.w3schools.com/tags/ref_colorpicker.asp

Hint hint
<img src="https://www.awin1.com/cshow.php?s=213000&v=3030&q=108675&r=128130" border="0" alt="Fashion World " style="<strong>display: none !important; visibility: hidden !important; opacity: 0 !important; " width="0" height="0"</strong>>

Here it shows in IE9, not in Chrome.

What about something like this:

function enqueueNew_styles()
{
	$theme  = get_theme( get_current_theme() );

    if ( is_page('Home') )
    {
		wp_deregister_style( 'custom_page' );
        wp_register_style( 'custom_page', get_template_directory_uri().'/styles/custom_home.css', false, $theme['Version'] );
        wp_enqueue_style( 'custom_page' );
    }
	else if (is_page('about')) {
		wp_deregister_style( 'custom_page' );
        wp_register_style( 'custom_page', get_template_directory_uri().'/styles/custom_about.css', false, $theme['Version']);
        wp_enqueue_style( 'custom_page' );
	}
}
add_action( 'wp_print_styles', 'enqueueNew_styles' );

Ps. treat it as psuedocode, I just wrote it in notepad++, not tested.

btw. in the new .css files, you use the !important to override the class from the main css.