https://github.com/TheCodeTraveler/DarkModeSplashScreen

A sample app for iOS and Android written in Xamarin.Forms showing how to implement a Splash Page for Dark Mode
https://github.com/TheCodeTraveler/DarkModeSplashScreen

dark-appearance dark-mode dark-theme splash-page splash-screen splashscreen xamarin xamarin-android xamarin-forms xamarin-ios

Last synced: 23 days ago
JSON representation

A sample app for iOS and Android written in Xamarin.Forms showing how to implement a Splash Page for Dark Mode

• Host: GitHub
• URL: https://github.com/TheCodeTraveler/DarkModeSplashScreen
• Owner: brminnick
• License: mit
• Created: 2019-10-11T22:28:13.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2023-12-16T00:14:22.000Z (over 1 year ago)
• Last Synced: 2024-05-01T14:08:51.478Z (about 1 year ago)
• Topics: dark-appearance, dark-mode, dark-theme, splash-page, splash-screen, splashscreen, xamarin, xamarin-android, xamarin-forms, xamarin-ios
• Language: C#
• Homepage: https://codetraveler.io/2019/10/11/creating-a-dark-mode-splash-screen/
• Size: 663 KB
• Stars: 32
• Watchers: 5
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# Dark Mode Splash Screen

Now that iOS 13 and Android Q support Dark Mode, we'll want our app's Splash Screen to be dark too. This sample demonstrates how to create a Splash Screen that is dark when Dark Mode is enabled, but still light when Dark Mode is disabled.

I recently implemented this splash screen for my app, [Punday](https://mondaypunday.com/app), on [iOS](https://appsto.re/us/uYHSab.i) and [Android](https://play.google.com/store/apps/details?id=com.minnick.mondaypundayapp). Since Punday is not open-source, I put together this sample and assembled a walkthrough demonstrating how I created Punday's splash screen.

You can find the walkthrough to implement a Dark Mode Splash Screen here:

https://codetraveler.io/2019/10/11/creating-a-dark-mode-splash-screen/

| iOS, Dark Appearance Enabled | iOS Dark Appearance Disabled | Android Dark Theme Enabled | Android Dark Theme Disabled | 

| ---------------------------- | ---------------------------- | -------------------------- | --------------------------- |

| ![iOS Splash Screen, Dark Appearance Enabled](https://user-images.githubusercontent.com/13558917/66689821-761aad80-ec41-11e9-8f39-92170e5e8c16.png) | ![iOS Splash Screen, Dark Appearance Disabled](https://user-images.githubusercontent.com/13558917/66689819-761aad80-ec41-11e9-93e8-7cd7addac515.png) | ![Android Splash Screen, Dark Theme Enabled](https://user-images.githubusercontent.com/13558917/66689817-75821700-ec41-11e9-8f62-4ee200f27bc3.png) | ![Android Splash Screen, Dark Theme Disabled](https://user-images.githubusercontent.com/13558917/66689818-761aad80-ec41-11e9-917b-955b4c2e931f.png) |