I would love to know why some of the price tags on the main product pages appear as grey color when I initially have configured advanced typography to appear as Black (see picture attached).
It seems like some of them are taking into account one code, and some of them other.
I believe the grey price tag Is the default one from basel theme (which I do not want to use).
The code CSS which I provide would change the color of all the prices, including single product and sales. It is acceptable, add this code to the Theme Settings > Custom CSS > Global:
body .basel-hover-alt.purchasable .price .amount {
color:red;
}