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

[ui] Use color-scheme to set light/dark controls and scrollbars #18503

Merged
merged 1 commit into from
Dec 5, 2023

Conversation

hellendag
Copy link
Member

@hellendag hellendag commented Dec 5, 2023

Summary & Motivation

Use the color-scheme CSS property to apply theme styles to controls and scrollbars. https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme

Screenshot 2023-12-05 at 9 44 08 AM Screenshot 2023-12-05 at 9 43 49 AM

How I Tested These Changes

Force scrollbar to appear for legacy, light, and dark.

@hellendag
Copy link
Member Author

Current dependencies on/for this PR:

This stack of pull requests is managed by Graphite.

Copy link

github-actions bot commented Dec 5, 2023

Deploy preview for dagit-core-storybook ready!

✅ Preview
https://dagit-core-storybook-4nfl7px3b-elementl.vercel.app
https://dish-browser-color-scheme.core-storybook.dagster-docs.io

Built with commit 3137fab.
This pull request is being automatically deployed with vercel-action

Copy link

github-actions bot commented Dec 5, 2023

Deploy preview for dagit-storybook ready!

✅ Preview
https://dagit-storybook-oe88v3585-elementl.vercel.app
https://dish-browser-color-scheme.components-storybook.dagster-docs.io

Built with commit 3137fab.
This pull request is being automatically deployed with vercel-action

@hellendag hellendag merged commit 11699c4 into master Dec 5, 2023
2 checks passed
@hellendag hellendag deleted the dish/browser-color-scheme branch December 5, 2023 16:02
@braunjj
Copy link
Contributor

braunjj commented Dec 5, 2023

This is great!

zyd14 pushed a commit to zyd14/dagster that referenced this pull request Jan 20, 2024
…ter-io#18503)

## Summary & Motivation

Use the `color-scheme` CSS property to apply theme styles to controls
and scrollbars.
https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme

<img width="470" alt="Screenshot 2023-12-05 at 9 44 08 AM"
src="https://github.com/dagster-io/dagster/assets/2823852/d5b4a001-2c84-4c77-954f-218499ad1498">
<img width="451" alt="Screenshot 2023-12-05 at 9 43 49 AM"
src="https://github.com/dagster-io/dagster/assets/2823852/3bd62648-3a8a-4168-8082-767f30770f1d">

## How I Tested These Changes

Force scrollbar to appear for legacy, light, and dark.
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

Successfully merging this pull request may close these issues.

3 participants