eleven / messenger Public

Improve message input field contrast in all themes (#91)

* style: lighten composer textarea background in every theme

The message input field background is now lighter than its container using color-mix, which:
- In light modes: blends the panel color with white to create a lighter shade
- In dark modes: noticeably lightens the dark panel color toward gray

This improves visual distinction across all themes.

* style: increase composer textarea contrast in light themes

Changed the color-mix ratio from 80/20 to 50/50 (panel/white) to create
more noticeable visual distinction in light themes while maintaining good
contrast in dark themes.

James Adam 4 months ago a75d6bd3e2d9992cc86aeb3e7aa7bf3e0bec7aa3 parent 7a01ca2

1 file changed, +1 −0

web/static/style.css +1 −0

diff --git a/web/static/style.css b/web/static/style.css

index 65d8eba..a6f81f2 100644

--- a/web/static/style.css

+++ b/web/static/style.css

@@ -977,6 +977,7 @@ input:focus, textarea:focus { outline: 2px solid var(--accent); border-color: tr

border-radius: 20px;

font-family: inherit;

overflow: hidden;

+ background: color-mix(in srgb, var(--panel) 50%, white 50%);

}

/* circular up-arrow send button, tucked into the bottom-right of the field */

.send-btn {