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

android: fix various places still using default Material Teal #3555

Merged
merged 1 commit into from
Apr 29, 2024

Conversation

kisaragi-hiu
Copy link
Contributor

@kisaragi-hiu kisaragi-hiu commented Apr 14, 2024

Some places on Android are currently using the default Material Teal color, including the TextInput cursor, TextInput selection, and the spinner (ActivityIndicator) --- it's quite out of place whenever it shows up.

This PR sets Expo's primaryColor to #1083fe (which is the color that defaultTheme.palette.default.brandText resolves to), then applies it as the native accent color via a plugin (because Expo doesn't apply the accent color).

Comparison:

Before (composer & signup) After (composer & signup)
before-composer after-composer
before-signup after-signup

The plugins/withAndroidStylesAccentColorPlugin.js plugin is copied and modified from plugins/withAndroidStylesWindowBackgroundPlugin.js since that appears to be the idiomatic way of modifying Android's res/values/styles.xml.

@kisaragi-hiu kisaragi-hiu force-pushed the android-accent-color branch 3 times, most recently from 6177c7a to 5073606 Compare April 21, 2024 13:48
@haileyok
Copy link
Member

Another awesome PR! I'll test this out later this week, but looks solid! ❤️

These places include TextInput cursor, TextInput selection, and the
spinner (ActivityIndicator) --- the default Material Teal is out of
place wherever it shows up.

This sets Expo's primaryColor to #1083fe, which is the color that
defaultTheme.palette.default.brandText resolves to, then applies it as
the native accent color via a plugin because Expo doesn't apply the
accent color.
Copy link
Member

@haileyok haileyok left a comment

Choose a reason for hiding this comment

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

Tested this locally and it works great. Thank you so much!

@haileyok haileyok merged commit d893fe0 into bluesky-social:main Apr 29, 2024
6 checks passed
estrattonbailey added a commit that referenced this pull request May 1, 2024
* origin/main: (39 commits)
  [Clipclops] Separate messages if there's a time gap (#3777)
  [Clipclops] Header for chat (#3775)
  [Clipclops] adjust scroll position, keyboard color (#3771)
  [Clipclops] Add clop sent time to clipclop (#3772)
  [Clipclops] Use API data for clipclop list (#3769)
  [Clipclops] New clipclop dialog (#3750)
  Session fixes, pt. 1 (#3762)
  use keyboardDismissMode rather than onScrollBeginDrag (#3767)
  [Clipclops] Add screen to view and send clip clops (#3754)
  switch branch for installing `react-native-bottom-sheet` (#3760)
  Fix List onMomentumScrollEnd (#3759)
  Release 1.80 (#3757)
  Update zh-TW translations (#3678)
  Italian localization (#3684)
  Update catalan messages.po (#3697)
  Update Korean localization (#3698)
  Update Japanese translation (#3734)
  Update zh-CN translations (#3716)
  Send Bluesky feeds and suggested follows more data (#3695)
  android: fix various places still using default Material Teal (#3555)
  ...
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

2 participants