Skip to content

Chat Theme: Enrich the theme with properties to enable differential styling of sent and received messages #550

@simeonoff

Description

@simeonoff

Currently, the chat theme exposes the same properties for styling sent and received messages. This is problematic because changing the background for one, doesn't change the other. Seems like the message background is used only for sent messages, but not for received ones. We have to provide separate properties for each message type.

Furthermore, the message-actions-color only modifies the icon-button color, but there's no way to style the background.

There are three possible solutions:

A. Either we provide more properties for controlling the actions icon-button colors, or:
B. We derive all colors for an icon-button theme based on the message-actions-color...
C. We derive all colors for internal components in the chat based on some newly exposed properties, like base-color, foreground-color, and accent-color...

These are the related properties:

message-background: The background color of the sent message bubble.
message-color: The text color of the chat messages.
message-actions-color: The icon color of the chat message actions.

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions