diff --git a/apps/mobile/app.config.ts b/apps/mobile/app.config.ts index 9a51725478e1..d6889719d79a 100644 --- a/apps/mobile/app.config.ts +++ b/apps/mobile/app.config.ts @@ -30,7 +30,8 @@ const DEVELOPMENT_ASSETS = { appIcon: fromRepoRoot(BRAND_ASSET_PATHS.developmentIosIconPng), iosIcon: fromRepoRoot(BRAND_ASSET_PATHS.developmentIconComposerProject), splashIcon: fromRepoRoot(BRAND_ASSET_PATHS.developmentIosIconPng), - androidAdaptiveForeground: fromRepoRoot(BRAND_ASSET_PATHS.developmentUniversalIconPng), + androidAdaptiveForeground: "./assets/android-icon-mark.png", + androidAdaptiveBackground: "./assets/android-icon-background-dev.png", androidAdaptiveBackgroundColor: "#00639B", androidMonochromeIcon: "./assets/android-icon-mark.png", androidNotificationIcon: "./assets/android-notification-icon.png", @@ -41,7 +42,8 @@ const PREVIEW_ASSETS = { appIcon: fromRepoRoot(BRAND_ASSET_PATHS.nightlyIosIconPng), iosIcon: fromRepoRoot(BRAND_ASSET_PATHS.nightlyIconComposerProject), splashIcon: fromRepoRoot(BRAND_ASSET_PATHS.nightlyIosIconPng), - androidAdaptiveForeground: fromRepoRoot(BRAND_ASSET_PATHS.nightlyLinuxIconPng), + androidAdaptiveForeground: "./assets/android-icon-mark.png", + androidAdaptiveBackground: "./assets/android-icon-background-preview.png", androidAdaptiveBackgroundColor: "#111533", androidMonochromeIcon: "./assets/android-icon-mark.png", androidNotificationIcon: "./assets/android-notification-icon.png", @@ -53,6 +55,7 @@ const RELEASE_ASSETS = { iosIcon: fromRepoRoot(BRAND_ASSET_PATHS.productionIconComposerProject), splashIcon: fromRepoRoot(BRAND_ASSET_PATHS.productionIosIconPng), androidAdaptiveForeground: "./assets/android-icon-mark.png", + androidAdaptiveBackground: undefined, androidAdaptiveBackgroundColor: "#000000", androidMonochromeIcon: "./assets/android-icon-mark.png", androidNotificationIcon: "./assets/android-notification-icon.png", @@ -220,7 +223,9 @@ const config: ExpoConfig = { android: { icon: variant.assets.appIcon, package: variant.androidPackage, + // The mark fits Android's 66dp safe circle; backgrounds fill the 108dp canvas. adaptiveIcon: { + backgroundImage: variant.assets.androidAdaptiveBackground, backgroundColor: variant.assets.androidAdaptiveBackgroundColor, foregroundImage: variant.assets.androidAdaptiveForeground, monochromeImage: variant.assets.androidMonochromeIcon, @@ -283,7 +288,9 @@ const config: ExpoConfig = { // the shortcut items set in src/features/shortcuts. androidIcons: { shortcut_icon: { + backgroundImage: variant.assets.androidAdaptiveBackground, foregroundImage: variant.assets.androidAdaptiveForeground, + monochromeImage: variant.assets.androidMonochromeIcon, backgroundColor: variant.assets.androidAdaptiveBackgroundColor, }, }, diff --git a/apps/mobile/assets/android-icon-background-dev.png b/apps/mobile/assets/android-icon-background-dev.png new file mode 100644 index 000000000000..9403579a6359 Binary files /dev/null and b/apps/mobile/assets/android-icon-background-dev.png differ diff --git a/apps/mobile/assets/android-icon-background-preview.png b/apps/mobile/assets/android-icon-background-preview.png new file mode 100644 index 000000000000..d6b608851732 Binary files /dev/null and b/apps/mobile/assets/android-icon-background-preview.png differ diff --git a/apps/mobile/assets/android-icon-mark.png b/apps/mobile/assets/android-icon-mark.png index 3300f22fd5a6..8093e7944942 100644 Binary files a/apps/mobile/assets/android-icon-mark.png and b/apps/mobile/assets/android-icon-mark.png differ