-
Notifications
You must be signed in to change notification settings - Fork 1.3k
For #8984: Added color for "Share" menu's "Recently Used" in Dark theme #18839
For #8984: Added color for "Share" menu's "Recently Used" in Dark theme #18839
Conversation
No Taskcluster jobs started for this pull requestThe `allowPullRequests` configuration for this repository (in `.taskcluster.yml` on the
default branch) does not allow starting tasks for this pull request. |
I am an Outreachy applicant, hence tagging @eliserichards. Please take a look if possible. |
app/src/main/res/values/colors.xml
Outdated
@@ -87,7 +87,7 @@ | |||
<color name="contrast_text_dark_theme">@color/primary_text_dark_theme</color> | |||
<color name="caption_text_dark_theme">@color/photonLightGrey70</color> | |||
<color name="foundation_dark_theme">#1C1B22</color> | |||
<color name="inset_dark_theme">#32313C</color> | |||
<color name="inset_dark_theme">#52525E</color> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We have a colour variable for this colour. Can you use @color/photonDarkGrey10?
I think you also do a search and replace where the other instance of #52525E and replace it with the colour variable as well.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@gabrielluong Replaced all instances of #52525E with @color/photonDarkGrey10 👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good, thank you!
app/src/main/res/values/colors.xml
Outdated
@@ -87,7 +87,7 @@ | |||
<color name="contrast_text_dark_theme">@color/primary_text_dark_theme</color> | |||
<color name="caption_text_dark_theme">@color/photonLightGrey70</color> | |||
<color name="foundation_dark_theme">#1C1B22</color> | |||
<color name="inset_dark_theme">#32313C</color> | |||
<color name="inset_dark_theme">@color/photonDarkGrey10</color> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think I made an error. We actually need to check all instances of inset_dark_theme
and cannot simply change this color. We might want to create a custom variable just for the background here avoid changing all the UI components that might use inset_dark_theme, but was not covered by the original UX review.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Okay, I'll check the instances of inset_dark_theme
👍
- Changed HEX code for inset_dark_theme in values/colors.xml
- Created a separate attribute recentlyUsedSharedMenu to be used by 'recently used' panel of tab share menu - It specifies colors to be used for Light and Dark theme
0d8b2b3
to
7f9165d
Compare
Hello, @gabrielluong. Actually So, I have created the custom variable This ensures the same behavior as my previous commit, but without any modification of |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is fantastic. Great work! 🎉
Let's flag for qa-needed after this lands. |
Thank you! 😄 |
inset_dark_theme
to #52525E invalues/colors.xml
according to this discussion in the comments of linked issue: ([Bug] "Share" menu "Recently Used" is not colored in Dark theme #8984 (comment))Pull Request checklist
To download an APK when reviewing a PR:
Screenshots:
Before:
![image](https://user-images.githubusercontent.com/67039214/113834643-b1e7f200-97a8-11eb-905d-a5feb7b12058.png)
After:
![image](https://user-images.githubusercontent.com/67039214/113834833-e78cdb00-97a8-11eb-8dc6-e93d0a8c8353.png)
No new accessibility related suggestions came up in Google Accessibility Scanner because of this change.