Change the color of monospace font?

I used one of Squarespace's fonts for my monospace lettering but it won't let me change the colors? Can it only be black?

Add this to Design > Custom CSS

.html-block pre code {
	color: red !important;
}

It seems excessive to have to use code just to change the color of a font. Any idea when Squarespace will make it easier to change colors/fonts? I'm getting exhausted having to go to the Font or Colors editors just to make simple changes.  

@tuanphan is there a way to tweak the color depending on the background? I agree it's weird not to be able to change this from the site styles. 

I currently have the code implemented, but would need to add conditions somehow as I'm using a navy blue and it's a pitty how little contrast there is when the background is dark as well. Any chance you know how to solve this? 

Thank you!! 

On 6/18/2024 at 7:39 PM, aguandescain86 said:

@tuanphan is there a way to tweak the color depending on the background? I agree it's weird not to be able to change this from the site styles. 

I currently have the code implemented, but would need to add conditions somehow as I'm using a navy blue and it's a pitty how little contrast there is when the background is dark as well. Any chance you know how to solve this? 

Thank you!! 

I guess it should be possible. Can you share link to page where you use navy blue background, I can check easier.

Hello @tuanphan ! 

Yes, this is the site https://elephant-elephant-ej3c.squarespace.com/ and the password is "beyonceforpresident" 

I think the best way to solve it would be to be able to create a rule for when the background is dark (purple or navy blue) to be able to use the brighter color in the palette, in this case: #F3EDE7. I understand it'd probably have to be by targeting the specific sections? Would that be possible? 
 

Thank you so much in advance and for all your contributions here in the forum. I've already solved a lot with your knowledge!! 

On 6/20/2024 at 7:53 PM, aguandescain86 said:

Hello @tuanphan ! 

Yes, this is the site https://elephant-elephant-ej3c.squarespace.com/ and the password is "beyonceforpresident" 

I think the best way to solve it would be to be able to create a rule for when the background is dark (purple or navy blue) to be able to use the brighter color in the palette, in this case: #F3EDE7. I understand it'd probably have to be by targeting the specific sections? Would that be possible? 
 

Thank you so much in advance and for all your contributions here in the forum. I've already solved a lot with your knowledge!! 

beyonceforpresident

password is incorrrect

Hey @tuanphan Apologies, forgot I had updated it! it's "website" now. Thanks!