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

#5073 - fix datepicker styling in dark mode #5074

Merged

Conversation

orinamio
Copy link
Contributor

@orinamio orinamio commented Apr 20, 2024

This PR fixes three issues with the datepicker in dark mode. The following UI elements now appear in light colors when the theme is set to dark mode:

  • The selected date.
  • The clock icon.
  • The date time input component.

Before:
theming bug

After:
dark_theme_calendar_after
light_theme_calendar_after

#5073

Copy link
Contributor

@thomtrp thomtrp left a comment

Choose a reason for hiding this comment

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

Thank you for your contribution @orinamio!

@thomtrp thomtrp force-pushed the bugfix/5073-fix-datepicker-in-dark-mode branch from 233bc00 to 21d56fb Compare April 24, 2024 13:05
@thomtrp thomtrp merged commit adbc8ab into twentyhq:main Apr 24, 2024
6 of 7 checks passed
@orinamio orinamio deleted the bugfix/5073-fix-datepicker-in-dark-mode branch April 24, 2024 14:30
arnavsaxena17 pushed a commit to arnavsaxena17/twenty that referenced this pull request Oct 6, 2024
This PR fixes three issues with the datepicker in dark mode. The
following UI elements now appear in light colors when the theme is set
to dark mode:

- The selected date.
- The clock icon.
- The date time input component.

Before:
<img width="1003" alt="theming bug"
src="https://github.com/twentyhq/twenty/assets/16918891/914b7043-e692-4de8-8440-ddd89cbf3973">

After:
<img width="374" alt="dark_theme_calendar_after"
src="https://github.com/twentyhq/twenty/assets/16918891/346fd950-1ef8-405e-9486-59abb81f92db">
<img width="347" alt="light_theme_calendar_after"
src="https://github.com/twentyhq/twenty/assets/16918891/17463094-53e5-4bc4-8812-a53a37cd08ed">

twentyhq#5073

Co-authored-by: Thomas Trompette <[email protected]>
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.

2 participants