Changing the colour of error messages on forms

Site URL: https://pineapple-maroon-hpja.squarespace.com/home

My client has just asked whether it is possible to change the colour of the error messages on the forms (on incorrect form submissions) to another colour. Has anyone had any experience with this? 

Hoping to change the colour to #768D99

Add to Home > Design > Custom CSS

/* Field error background */
.field-error {
    background-color: #768D99;
}

Thanks @tuanphan - has worked perfectly!

I'm wondering how this worked after some time? I got this warning when attempting to make the change...
Warning: Adding custom CSS to your site can break your design. Please use caution when using this feature. Our support team will be limited in their ability to help you with design related issues if you have custom CSS.

On 6/9/2022 at 8:09 AM, ChrisFil said:

I'm wondering how this worked after some time? I got this warning when attempting to make the change...
Warning: Adding custom CSS to your site can break your design. Please use caution when using this feature. Our support team will be limited in their ability to help you with design related issues if you have custom CSS.

That is default message in Custom CSS. Don't care it.

@tuanphan This worked perfectly for the error blocks but not the error text on it's own, any idea how to fix that too? 

On 4/26/2023 at 9:49 PM, posyrae said:

@tuanphan This worked perfectly for the error blocks but not the error text on it's own, any idea how to fix that too? 

Can you share link to this page? We can check easier

On 4/26/2023 at 9:49 PM, posyrae said:

@tuanphan This worked perfectly for the error blocks but not the error text on it's own, any idea how to fix that too? 

With error text, use this code

.field-error {
    background-color: #94195f;
    color: #f1f;
}