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

Quartz select dropdown white text on white background #1118

Closed
skylarmt opened this issue Jul 15, 2021 · 5 comments
Closed

Quartz select dropdown white text on white background #1118

skylarmt opened this issue Jul 15, 2021 · 5 comments

Comments

@skylarmt
Copy link

When using the Quartz theme, dropdown options are displaying with white text on a white background.

@skylarmt
Copy link
Author

Adding this fixes it:

select option {
    color: var(--bs-dark);
}

@thomaspark
Copy link
Owner

Hey @skylarmt, dropdowns should show up as white text on a translucent background, like so:

Screen Shot 2021-07-17 at 3 50 40 PM

Quartz is intended to be used with a dark background, and won't be readable with light backgrounds.

@skylarmt
Copy link
Author

skylarmt commented Jul 18, 2021

I'm referring to select dropdowns, like in a form, not dropdown menus:

<select class="form-control">
    <option>This option is unreadable</option>
    <option>when the dropdown is open</option>
</select>

Looks like it works fine in Firefox but in Chromium-based browsers the options are unreadable white text on an opaque white background. This is reproducible on https://bootswatch.com/quartz/, see "Example select". Tested with Firefox 90.0, Chromium 91.0.4472.101, and NW.js v0.53.0 (using Chromium 90.0.4430.93), all running on Kubuntu 18.04.

@catborise
Copy link

it is fixed but not 5.0.2 release. use latest github commits

@thomaspark
Copy link
Owner

Ah yeah, this was also reported in #1112. It's been fixed and will be included in the next release.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants