Dark mode on application startup

[maisondasilva]

It would be nice to have an image with a darker background for those who use dark mode activated, because at night when opening the application it displays a bright image!

[pfrazee]

we'll have to see if that's possible. the splash is registered with the operating system and we may not be able to control it

[ansh]

We can do this via the ios.splash.dark flag in iOS and its equivalent in Android

https://docs.expo.dev/versions/latest/config/app

@pfrazee Im happy to take this on. Will be fun!

[pfrazee]

@ansh go for it

[pfrazee]

Closed by https://github.com/bluesky-social/social-app/pull/2448

[benharri]

There's still a full white screen before the splash image loads. I'm not seeing splash.dark changed in that PR

[scottdotweb]

I think this issue should be reopened. This post by @mukuuji.bsky.social demonstrates why:

To be slightly less tongue in cheek, for me as an Android user in dark mode, what I see after tapping the app icon is:

1. Dark blue screen with blue/white app icon
2. brief fade to completely white screen
3. night sky with stars
4. white butterfly appears
5. butterfly zooms to full white screen
6. fade to black dark mode of app.

So that's dark, full brightness, dark, full brightness, dark. It's actually quite unpleasant and I now tend to look away until the app is fully loaded. :(

[estrattonbailey]

Update here, we've tweaked this again, and the butterfly is now a deep, almost-black blue. Should prevent blinding users. Will be included in next release, pending any further changes 👍

I don't think we've seen # 2 before, I'll note that and investigate. Thanks for the details on that!

[scottdotweb]

Thank you! I've got a screen recording of the app starting up if you need a demo.

[estrattonbailey]

Oh that would be awesome if you don't mind uploading here 🙏

[benharri]

https://github.com/bluesky-social/social-app/assets/7453240/38bf71d5-5bd3-44f8-965b-396cc5894305

here's a quick recording of both white flashes on cold startup. Android 14, pixel 6a

[scottdotweb]

Thanks Ben, that matched what I get. Android 14, Samsung Galaxy S23 Ultra.

[maisondasilva]

I see a white image before the butterfly on my Samsung

https://github.com/bluesky-social/social-app/assets/11423362/2b974a36-3313-491f-a142-60eef37e236a

[estrattonbailey]

Thanks y'all! Really appreciate it. We'll have a closer look 👍

[maisondasilva]

@estrattonbailey I think this could be opened again?

[estrattonbailey]

Oh sure! I'll keep myself assigned

[parion]

The latest update definitely helps by making the butterfly logo dark blue for dark mode users, but the white image described by @maisondasilva still exists.

[maisondasilva]

@parion Thanks Yes, it was very good but I can confirm that there is still a white image

[haileyok]

This should be fixed now from https://github.com/bluesky-social/social-app/pull/3105. Please feel free to ping if it isn't in the next (not the one today/tomorrow but the next) update!

Huge thanks to @edo-bari-ikutsu