Skip to content

iOS DarkMode #1309

Merged
etoledom merged 20 commits intorelease/1.11.0from
try/dark-mode
Aug 23, 2019
Merged

iOS DarkMode #1309
etoledom merged 20 commits intorelease/1.11.0from
try/dark-mode

Conversation

@etoledom
Copy link
Copy Markdown
Contributor

@etoledom etoledom commented Aug 22, 2019

This PR adds the necessary changes to implement DarkMode on iOS.

Gutenberg PR: WordPress/gutenberg#17067

Prerequisites to test:

  • Xcode 11 beta is needed.
  • Run Xcode 11
  • open the iOS project via open ios/gutenberg.xcodeproj
  • Run yarn clean:install to install the new dependency
  • Build and run on a simulator
  • Go to the iOS Settings app on the simulator
    • -> Developer -> Dark Appearance -> Switch ON

To test:

  • Go through the app and check that Dark Mode is implemented correctly.

Note:

  • The toolbar buttons are not yet updated. I believe that the IconButon component will need a deeper refactor to be able to select different colors on all its states.

  • For some reason, some components won't change of color mode dynamically (bottom-sheet, some elements in the tool bar). I'll investigate this and try to update. But I think this fix can be added as a future PR.

  • The horizontal SafeArea is gray, and that's not great. My first try to fix this broke the tool bar avoiding view behavior. Same than the previous point, I'll investigate this but can be left for a future PR.

  • If there are user facing changes, I have added an item to RELEASE-NOTES.txt.

@etoledom etoledom added [Type] Enhancement Improves a current area of the editor [OS] iOS labels Aug 22, 2019
@etoledom etoledom added this to the 1.11 milestone Aug 22, 2019
@etoledom etoledom self-assigned this Aug 22, 2019
@etoledom etoledom marked this pull request as ready for review August 23, 2019 09:36
@etoledom etoledom requested review from Tug and mchowning August 23, 2019 09:36
Copy link
Copy Markdown
Contributor

@mchowning mchowning left a comment

Choose a reason for hiding this comment

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

LGTM! Tested via gutenberg#17067.

@etoledom etoledom merged commit a0b56cb into release/1.11.0 Aug 23, 2019
@etoledom
Copy link
Copy Markdown
Contributor Author

Thank you! 🙏

@etoledom etoledom deleted the try/dark-mode branch August 23, 2019 15:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[OS] iOS [Type] Enhancement Improves a current area of the editor

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants