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

Changed dark mode to more closely resemble iOS #49

Open
wants to merge 6 commits into
base: master
Choose a base branch
from

Conversation

sabogalc
Copy link

Firstly, below are two screenshots. The first is of the original MyMessage dark mode, and the second is of the changes I made to make it more like iOS.
Original Dark Mode
iOS Dark Mode
and these are the images I used on https://imagecolorpicker.com/en from my iPad to get the color values (with the exception of the red heart tapback, I got that from here)
PNG image 1
PNG image
PNG image 2 - Copy
PNG image 1 - Copy
PNG image 3
I wasn't able to get a few things (such as the background of the search bar), but I did my best. Let me know what you think of this (perhaps it could be a toggle or third option?)

@sabogalc
Copy link
Author

I made another dark mode based off of WebMessage, below is a screenshot of the WebMessage based dark mode, then the original MyMessage dark mode, then the iOS inspired dark mode.
WM Dark Mode
MyMessage Dark Mode
iOS Dark Mode
and here is the _colors.scss file for each one (had to convert to .txt to upload to GitHub)
_colors (WebMessage Dark Mode).txt
_colors (MyMessage Dark Mode).txt
_colors (iOS Dark Mode).txt
and finally, these are the images I used for reference in the WebMessage color palette
WM 1
WM 2
WM 3
WM 4

@sabogalc
Copy link
Author

One unintended downside of this is that phone numbers are harder to read. Is there any way to change the shade of blue used?
Old Phone Number
New Phone Number

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.

None yet

1 participant