Skip to content

Commit

Permalink
Update toggle style (#18544)
Browse files Browse the repository at this point in the history
## Summary & Motivation
Dark mode toggle style was hard to see. This adjusts the bg color to be
a bit higher contrast.

**Before**:
<img width="149" alt="image"
src="https://github.com/dagster-io/dagster/assets/2798333/aa039364-7c95-4663-ad5d-9eb9bb722b69">
**After**:
<img width="149" alt="image"
src="https://github.com/dagster-io/dagster/assets/2798333/72f8b97a-1e13-4095-8765-0cb2346e7b31">


## How I Tested These Changes
Booted up the UI, checked all states in Storybook
  • Loading branch information
braunjj authored Dec 7, 2023
1 parent 339f786 commit 3141085
Showing 1 changed file with 2 additions and 2 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -101,8 +101,8 @@ const SwitchIcon = ({checked, indeterminate, fillColor, disabled}: IconProps) =>
? colorBorderDefault()
: fillColor
: disabled
? colorAccentGray()
: colorBorderDefault()
? colorBorderDefault()
: colorAccentGray()
}
style={{
transition: 'fill 100ms linear',
Expand Down

1 comment on commit 3141085

@github-actions
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Deploy preview for dagit-storybook ready!

✅ Preview
https://dagit-storybook-oexmfkj9a-elementl.vercel.app

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

Please sign in to comment.