Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] Use of a secondary color in certain form element #1768

Open
cavasinf opened this issue Nov 10, 2023 · 0 comments
Open

[BUG] Use of a secondary color in certain form element #1768

cavasinf opened this issue Nov 10, 2023 · 0 comments
Labels
bug Something isn't working important Should be resolved ASAP

Comments

@cavasinf
Copy link

cavasinf commented Nov 10, 2023

Browser

Firefox

OS

Windows 11

Screen size

1920x1080

Describe the bug

I don't think it is a good idea to use --tblr-secondary on "secondary" texts.
If our client uses 2 colors in their company color code,
we end up with some weird form input when the secondary color is overridden.

Maybe use the muted color as it is already done with the input placeholders

&::placeholder {
color: rgba($color-muted, .75);
}

Even the footer has this color weird thing:
image

How to reproduce

  1. Change --tblr-secondary css variable color
  2. See form-hint color
    ...

Screenshots

image

image

image

JSFiddle

No response

@cavasinf cavasinf added the bug Something isn't working label Nov 10, 2023
@cavasinf cavasinf changed the title [BUG] Usage of secondary color in certain form element [BUG] Use of a secondary color in certain form element Nov 10, 2023
@BG-Software-BG BG-Software-BG added the important Should be resolved ASAP label Dec 7, 2023
@BG-Software-BG BG-Software-BG assigned codecalm and unassigned codecalm Dec 7, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working important Should be resolved ASAP
Projects
None yet
Development

No branches or pull requests

3 participants