Skip to content

[Bug] Error text and background are same color in default theme #21

@parkeraddison

Description

@parkeraddison

Current Behavior

When using the Default theme, sync embed errors show up with foreground text and background color exactly the same -- you can't see the message, it's all red!

Image

Expected Behavior

The background and foreground should be different colors. Ideally, a suitable contrast ratio should be achieved when inspecting, too.

Image

Fixes and Workarounds

Using most other themes, such as the popular Minimal Theme, fixes the issue due to the different choices of default CSS variables.

Seems to be an issue with --background-modifier-error or something nearby in the following block

sync-embeds/styles.css

Lines 213 to 221 in 5b27cff

.sync-embed-error {
padding: 12px 16px;
background: var(--background-modifier-error);
border: 1px solid var(--background-modifier-border);
border-radius: 4px;
color: var(--text-error);
margin: 4px 0;
font-size: 0.9em;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions