Skip to content

Commit 28507fc

Browse files
authored
Update boot-splash and explore headers theme (#13823)
<!-- CURSOR_SUMMARY --> > [!NOTE] > **Medium Risk** > Primarily UI/UX changes across mobile and web; risk is moderate because it removes a feature-flagged animated header/scroll behavior and updates native splash assets, which could impact layout or launch visuals if not tested on both platforms. > > **Overview** > Updates mobile bootsplash assets and theme colors on both Android and iOS (new background/primary colors, new iOS logo asset set, and a generated `assets/bootsplash/manifest.json`), and documents the regeneration workflow in `packages/mobile/README.md`. > > Refactors the mobile Explore/Search UI by removing the collapsed/animated header and reanimated scroll handling/feature flag wiring; the header becomes a simple static `TextInput` + filters bar (with safer `scrollTo` calls) and `SearchExploreScreen` uses a plain `IOScrollView` when showing Explore content. > > On web, the desktop Explore hero background is switched from an imported asset to a public URL (`landing-2026/landing.png`) to work across Vite entry points, and the mobile Explore page now uses the shared mobile header (`HeaderContext`/`hasDefaultHeader`) instead of banner image preloading. > > <sup>Written by [Cursor Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit 579db55. This will update automatically on new commits. Configure [here](https://cursor.com/dashboard?tab=bugbot).</sup> <!-- /CURSOR_SUMMARY -->
1 parent 0969af4 commit 28507fc

34 files changed

Lines changed: 137 additions & 499 deletions

File tree

package-lock.json

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

packages/mobile/README.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,20 @@ The Audius React Native mobile client
44

55
## Setup
66

7+
### Bootsplash (launch screen)
8+
9+
The native splash screen uses [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash). To regenerate assets after changing the logo or background color (e.g. to match theme in `@audius/harmony`):
10+
11+
```bash
12+
# Default [Neue] theme: light #F6F5F7, dark is set in values-night (Android) and Colors.xcassets (iOS)
13+
npx react-native-bootsplash generate src/assets/images/bootsplash_logo.png \
14+
--background '#F6F5F7' \
15+
--platforms ios,android \
16+
--assets-output assets/bootsplash
17+
```
18+
19+
This updates Android `res/values/colors.xml`, iOS `BootSplash.storyboard`, and `Colors.xcassets` / `Images.xcassets`. After regenerating, do a clean build and reinstall the app so the cached launch screen is replaced.
20+
721
## Running iOS
822

923
```bash
-196 Bytes
Loading
490 Bytes
Loading
1.12 KB
Loading
2.46 KB
Loading
6.3 KB
Loading
Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
<resources>
2-
<color name="bootsplash_background">#353A51</color>
3-
<color name="colorPrimary">#C74BD3</color>
2+
<!-- Default [Neue] theme - dark -->
3+
<color name="bootsplash_background">#000000</color>
4+
<color name="colorPrimary">#806AD8</color>
45
</resources>

packages/mobile/android/app/src/main/res/values-v27/styles.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<!-- Base application theme. -->
44
<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
55
<!-- Customize your theme here. -->
6-
<item name="android:textColor">#7E1BCC</item>
6+
<item name="android:textColor">#7F6AD6</item>
77

88
<!-- Set system bars background transparent -->
99
<item name="android:statusBarColor">@android:color/transparent</item>
Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
<resources>
2-
<color name="bootsplash_background">#f7f7f8</color>
3-
<color name="colorPrimary">#CC0FE0</color>
2+
<color name="bootsplash_background">#f6f5f7</color>
3+
<color name="colorPrimary">#7F6AD6</color>
44
</resources>

0 commit comments

Comments
 (0)