- Add human_message_inactive_text_color

eveai_chat_client/static/assets/vue-components/ChatInput.vue

@@ -49,6 +49,7 @@
                     :maxlength="maxLength"
                     class="message-input"
                     :class="{ 'over-limit': isOverLimit }"
+                    :style="{ '--placeholder-color': placeholderColor }"
                 ></textarea>
 
             </div>
@@ -170,6 +171,13 @@ export default {
                 return 'Verzenden...';
             }
             return this.formData ? 'Verstuur formulier' : 'Verstuur bericht';
+        },
+
+        // Kleur voor placeholder (inactieve toestand)
+        placeholderColor() {
+            const cfg = (typeof window !== 'undefined' && window.chatConfig) ? window.chatConfig : {};
+            const custom = cfg.customisation || {};
+            return custom.human_message_inactive_text_color || '#808080';
         }
     },
     watch: {
@@ -487,6 +495,24 @@ export default {
     display: none;
 }
 
+/* Placeholder kleur op basis van customisation */
+.message-input::placeholder {
+    color: var(--placeholder-color, #808080);
+    opacity: 1; /* Zorgt ervoor dat de kleur niet gedimd wordt in sommige browsers */
+}
+.message-input::-webkit-input-placeholder {
+    color: var(--placeholder-color, #808080);
+}
+.message-input::-moz-placeholder {
+    color: var(--placeholder-color, #808080);
+}
+.message-input:-ms-input-placeholder {
+    color: var(--placeholder-color, #808080);
+}
+.message-input::-ms-input-placeholder {
+    color: var(--placeholder-color, #808080);
+}
+
 
 /* Input actions */
 .input-actions {

eveai_chat_client/templates/chat.html

@@ -29,6 +29,8 @@
             'name': tenant_make.name or 'EveAI',
             'logo_url': tenant_make.logo_url or ''
         }|tojson|safe }},
+        // Geef volledige customisation door naar de client
+        customisation: {{ customisation|tojson|safe }},
         // Environment-aware static base provided by Flask's overridden url_for
         staticBase: {{ static_url|tojson }}
     };