Change colour of the error message below the form

[Theo-z]

Hi, I'm new to Formik or other similar frameworks and I am implementing a basic log-in box like this.

The problem I have right now is: where to modify the colour of the error message below the form? (the "Required" .etc)

Could anyone help me with it?
Thanks a lot!

Code (UI library: Chakra):

<Formik
              initialValues={{ email: '', password: '' }}
              validate={values => {
                const errors = {};
                if (!values.email) {
                  errors.email = 'Required';
                } else if (
                  !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i.test(values.email)
                ) {
                  errors.email = 'Invalid email address';
                }
                return errors;
              }}
              onSubmit={(values, { setSubmitting }) => {
                setTimeout(() => {
                  alert(JSON.stringify(values, null, 2));
                  setSubmitting(false);
                }, 400);
              }}
            >
              {({
                values,
                errors,
                touched,
                handleChange,
                handleBlur,
                handleSubmit,
                isSubmitting,
              }) => (
                <form onSubmit={handleSubmit}>

                  <FormControl id="email">
                    <FormLabel color="#FFFFFF">Email</FormLabel>
                    <Input color="#FFFFFF" type="email"
                      name="email"
                      onChange={handleChange}
                      onBlur={handleBlur}
                      value={values.email} />
                  </FormControl>

                  {errors.email && touched.email && errors.email}

                  <FormControl id="password">
                    <FormLabel color="#FFFFFF">Password</FormLabel>
                    <PasswordInput type="password"
                      name="password"
                      onChange={handleChange}
                      onBlur={handleBlur}
                      value={values.password} />
                  </FormControl>

                  {errors.password && touched.password && errors.password}

                  <Button
                    mt={4}
                    type="submit"
                    disabled={isSubmitting}
                  >
                    Log in
                  </Button>

                </form>
              )}
            </Formik>