Skip to content

Text shadow looks odd on buttons. #70

@Mafrans

Description

@Mafrans

The text on buttons has a very harsh text shadow that doesn't seem to appear anywhere else on the website and makes the text occasionally difficult to read.
image
If the purpose of the text shadow is to introduce additional contrast to the background I would suggest either reducing its opacity and increasing the radius to make the shadow less harsh or simply reconsidering the background gradient.

Example, lower opacity+bigger radius:
image

Example, higher contrast background colors:
image

Another option for lighter backgrounds could be to introduce a secondary button color which has a lower contrast against light backgrounds background, allowing for the text to retain its relative contrast to both the dark and light backgrounds without having to compromise.

Examples:
image

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