Customize CF7 "success", "error"

wp-content/themes/skysafe/functions.php

@@ -428,3 +428,39 @@ function smsapi_no_pl(string $s): string
   $t = @iconv('UTF-8', 'ASCII//TRANSLIT//IGNORE', $s);
   return $t !== false ? $t : $s;
 }
+
+add_action( 'wp_enqueue_scripts', function() {
+    wp_add_inline_script( 'contact-form-7', "
+        document.addEventListener('wpcf7invalid', function(event) {
+          let output = event.target.querySelector('.wpcf7-response-output');
+          if (output) {
+            output.classList.remove('success');
+            output.classList.add('error');
+          }
+        }, false);
+
+        document.addEventListener('wpcf7spam', function(event) {
+          let output = event.target.querySelector('.wpcf7-response-output');
+          if (output) {
+            output.classList.remove('success');
+            output.classList.add('error');
+          }
+        }, false);
+
+        document.addEventListener('wpcf7mailfailed', function(event) {
+          let output = event.target.querySelector('.wpcf7-response-output');
+          if (output) {
+            output.classList.remove('success');
+            output.classList.add('error');
+          }
+        }, false);
+
+        document.addEventListener('wpcf7mailsent', function(event) {
+          let output = event.target.querySelector('.wpcf7-response-output');
+          if (output) {
+            output.classList.remove('error');
+            output.classList.add('success');
+          }
+        }, false);
+    ");
+});