Skip to content

Bug: Dropdown does not match the dark mode #2173

@xBlaz3kx

Description

@xBlaz3kx

Before you start (required)

General checklist

  • I have removed personal / sensitive data from screenshots and logs
    I have searched existing issues and discussions to ensure this is not a duplicate issue

How are you using Maybe?

  • I am a paying Maybe customer (hosted version)
    • Paying Maybe users can also open requests in Intercom (if there is sensitive info involved)
  • I am a self-hosted user

Self hoster checklist

Paying, hosted users should delete this entire section.

If you are a self-hosted user, please complete all of the information below. Issues with incomplete information will be marked as Needs Info to help our small team prioritize bug fixes.

  • Self hosted app commit SHA (find in user menu): sha-e6b69c1f5c4422299bd4f119fa8ea22da51b498f
    • I have confirmed that my app's commit is the latest version of Maybe
  • Where are you hosting?
    • Render
      Docker Compose
      Umbrel
      Other (please specify)

Bug description

When setting up the account and selecting country or any dropdown, the dropdown is light mode and is impossible to read.

I assume the UI got my system preferences and automatically set up dark mode.

To Reproduce

(Precondition) Set up system preferences to dark mode.

  1. Set up a fresh Maybe instance (using docker compose)
  2. Go to http://localhost:3000/registration/new
  3. Enter email and password
  4. Click setup account
  5. Select Country dropdown

The dropdown will be white and unreadable.

Expected behavior

Dropdown should match the dark mode theme.

Screenshots and/or recordings

Image

Activity

zachgoll

zachgoll commented on May 2, 2025

@zachgoll
Collaborator

@xBlaz3kx we're using native HTML inputs here, which should be entirely controlled by your OS level dark/light mode preference; not the dark/light mode preference you set in our app.

This appears to be a browser related issue because I'm not able to reproduce it in Safari or Chrome. Can you confirm:

  • This is still a problem in the latest app version
  • What browser are you using (with version)
xBlaz3kx

xBlaz3kx commented on May 2, 2025

@xBlaz3kx
Author

I'm using Chrome on Linux, Version: 134.0.6998.88.
Just pulled commit bc7e32deab8403c76f6611f53bbc6dfb65203527, still the same issue.

steven-s1508

steven-s1508 commented on May 4, 2025

@steven-s1508

Same issue for me using Firefox/139.0.
It's (not surprisingly) also in the profile settings, not just the registration.

Image

zachgoll

zachgoll commented on May 7, 2025

@zachgoll
Collaborator

@xBlaz3kx @steven-s1508 I've pushed a potential fix for this.

Can you confirm if it worked for you? I'm unfortunately not able to reproduce what either of you are seeing on any of my browsers (Mac M1 OS)

2b2dfd0

xBlaz3kx

xBlaz3kx commented on May 7, 2025

@xBlaz3kx
Author

@zachgoll Looks like your fix has resolved the issue 🥳 Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @zachgoll@xBlaz3kx@steven-s1508

        Issue actions

          Bug: Dropdown does not match the dark mode · Issue #2173 · maybe-finance/maybe