Skip to content

[Feature Request] Make bubble gradient toggleable #68

@sabogalc

Description

@sabogalc

My reasoning for this is that on longer messages, the bottom of the bubble is a very light blue color, and since the text color is white, it can be hard on the eyes and difficult to read. The way I solved this for my personal copy was by setting from-me in _colors.scss to #0E85FF. Then, I changed --bubble-background in IMChatItem.scss from imessage-gradient to from-me. The reason I haven't made a pull request for this is because I want the option to be toggleable.
Below are some screenshots of how the gradient looks vs. how my implementation of a solid colored bubble works (note, I don't have an SMS enabled device, so I'm not sure how to deal with this for SMS or iMessage Business).
Light Mode Gradient
Light Mode Solid
Dark Mode Gradient
Dark Mode Solid
and below is a screenshot of this toggle in the BlueBubbles Desktop App
Settings Page
Along with the gradient vs. solid color comparison in BlueBubbles
BlueBubbles Gradient
BlueBubbles Solid
One thing I was worried about with making the bubbles solid blue was that it might make it difficult to see the blue highlight when selecting text, but thankfully the #0E85FF color does not cause this issue in my opinion. I think it is also a good color for the send button and the tapback bubble background, though come to think of it, maybe I should close that pull request and also make it toggleable. Let me know your thoughts.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions