Adjust Chat Input Colors

[ulyanahoy-cloud]

Describe the Problem

The current color hierarchy of the input composer feels slightly unbalanced.

• The inactive send button is too faint.

• The Datenschutz icon is quite dark and therefore draws more attention than the primary action.

• The placeholder text has a similar visual weight to entered text.

Describe Your Preferred Solution

Adjust the neutral colors of the input composer to create a clearer visual hierarchy:

Use Neutral 38% for:

• Input field outline

• Inactive send button

Use Neutral 60% for:

• Placeholder text

• Datenschutz icon

Describe Possible Alternatives

N/A

Related Issues

N/A

Additional Information

N/A

[bahaaTuffaha]

@ulyanahoy-cloud what do you think of this?

Placeholder:

Hover over the input:

Text:

I used for Light:
grayNeutral38: 'rgba(0, 0, 0, 0.38)',
grayNeutral60: 'rgba(0, 0, 0, 0.6)',
for dark:
grayNeutral38: 'rgba(255, 255, 255, 0.38)',
grayNeutral60: 'rgba(255, 255, 255, 0.6)',

I increased the outline/border to 2.0 I can't do 1.5

[ulyanahoy-cloud]

Much better, thank you!
Only the hover state in light mode is a bit too dark. It could just be a slightly darker shade of grey.