Display label within input using selected colour

[MAILPOET-2908]

assets/js/src/form_editor/blocks/text_input_edit.jsx

@@ -53,7 +53,25 @@ const TextInputEdit = ({
     inputStyles.backgroundColor = styles.backgroundColor;
   }
 
-  const getTextInput = (placeholder) => (
+  const placeholderStyle = {};
+
+  if (styles.fontColor && !styles.inheritFromTheme) {
+    inputStyles.color = styles.fontColor;
+    if (labelWithinInput) {
+      placeholderStyle.color = styles.fontColor;
+    }
+  }
+
+  const getTextInput = (placeholder) => {
+    let style = '';
+    if (placeholderStyle.color !== undefined) {
+      style = `#${id}::placeholder {color: ${placeholderStyle.color};}`;
+    }
+    return (
+      <>
+        <style>
+          {style}
+        </style>
         <input
           id={id}
           ref={input}
@@ -65,7 +83,9 @@ const TextInputEdit = ({
           style={inputStyles}
           onFocus={() => input.current.blur()}
         />
+      </>
     );
+  };
 
   return (
     <ParagraphEdit className={className}>