Skip to content

feat: アプリアイコン・通知アイコンの追加とブランドカラーをTealに変更#4

Merged
endo-ly merged 5 commits into
mainfrom
feat/app-icon
Mar 29, 2026
Merged

feat: アプリアイコン・通知アイコンの追加とブランドカラーをTealに変更#4
endo-ly merged 5 commits into
mainfrom
feat/app-icon

Conversation

@endo-ly
Copy link
Copy Markdown
Owner

@endo-ly endo-ly commented Mar 29, 2026

Summary

  • icom.jpg から Adaptive Icon(ランチャーアイコン)を生成し、5密度バケット分の mipmap リソースを追加
  • 通知アイコンをアプリアイコンの白シルエット画像(webp)に変更し、密度別 drawable リソースを追加
  • ブランドカラーを Cyan パレットから Teal パレットに変更(Dark theme primary: #5EEAD4
  • success インジケーター色も Teal400 に統一

Changes

ランチャーアイコン

  • mipmap-*/ic_launcher.webp — 5密度のレガシーアイコン
  • mipmap-*/ic_launcher_foreground.webp — Adaptive Icon 前景層
  • mipmap-anydpi-v26/ic_launcher.xml — Adaptive Icon 定義
  • values/colors.xml — アイコン背景色 #222D32
  • AndroidManifest.xmlandroid:icon / android:roundIcon を設定

通知アイコン

  • drawable-*/ic_notification.webp — 5密度の白シルエット画像
  • NotificationDisplayer.ktsetSmallIconR.drawable.ic_notification に変更

ブランドカラー

  • Theme.kt — Cyan パレット → Teal パレットに置き換え
  • DesignTokens.kt — success 色 Color(0xFF4CAF50)Teal400

Test plan

  • ./gradlew :androidApp:assembleDebug ビルド成功
  • 実機インストールでランチャーアイコンがチェーンリンク designs に変更されていることを確認
  • テスト通知で通知アイコンが白シルエットで表示されることを確認
  • Teal カラーが UI 要素(ボタン、ステータスインジケータ等)に正しく適用されていることを確認

🤖 Generated with Claude Code

Summary by CodeRabbit

リリースノート

  • スタイル

    • アプリケーションのカラーパレットをシアン系からティール系に変更しました
    • アプリアイコンと通知アイコンを更新しました
  • チョア

    • Firebase Cloud Messagingの通知設定を追加しました

endo-ly and others added 5 commits March 29, 2026 12:56
Add launcher icon resources for all density buckets (mdpi through
xxxhdpi) and adaptive icon definitions for API 26+. The icon features
a teal chain link on a dark background, generated from icom.jpg.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Replace broken ic_notification.xml with a proper chain link vector
drawable and switch NotificationDisplayer from the system default icon
to the custom one.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Switch from Cyan to Teal palette for the primary and secondary theme
colors. Dark theme uses Teal300 (#5EEAD4) as primary for better
contrast on dark backgrounds. Success indicator color also updated
from green to Teal400 to maintain brand consistency.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Add manifest metadata for Firebase Cloud Messaging to use the custom
notification icon and brand color for auto-displayed notifications
when the app is in the background.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Generate white silhouette images from the app icon foreground for
notification display at all density buckets. This provides a more
faithful representation of the chain link design than the hand-crafted
vector paths.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Mar 29, 2026

Walkthrough

Androidアプリのビジュアル設定とテーマを刷新する変更だね。マニフェストにFCM通知の設定を追加して、アイコンリソースをアダプティブアイコン形式に更新。さらに、デザインテーマのカラーパレットをシアンからティールに切り替えたよ。

Changes

Cohort / File(s) Summary
Android Manifest & 通知設定
frontend/androidApp/src/main/AndroidManifest.xml, frontend/androidApp/src/main/kotlin/dev/plexus/android/notifications/NotificationDisplayer.kt
FCM用のメタデータを追加し、デフォルト通知アイコン(ic_notification)とカラーを定義。通知ビルダーのアイコンをシステムデフォルトからアプリリソースに変更。
アイコンリソース
frontend/androidApp/src/main/res/drawable/ic_notification.xml, frontend/androidApp/src/main/res/mipmap-anydpi-v26/ic_launcher.xml, frontend/androidApp/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
古いベクタードローアブル削除。アダプティブアイコン形式の新しいic_launcher系リソースを追加。
カラー定義
frontend/androidApp/src/main/res/values/colors.xml
新しいカラーリソースファイルを作成し、ランチャー背景色(#222D32)を定義。
デザインテーマ
frontend/shared/src/commonMain/kotlin/dev/plexus/shared/core/ui/theme/Theme.kt, frontend/shared/src/commonMain/kotlin/dev/plexus/shared/core/ui/theme/DesignTokens.kt
カラーパレットをシアンからティールに置き換え。11個のシアン色定数を削除し、ティール色定数11個を追加。成功色をTeal400に統一。

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Poem

🎨 ウサギのテーマ、シアンからティールへ
アダプティブアイコン、新しい装い
FCM通知も、きれいに整って
色とりどりの変更で、アプリがまた輝く✨

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed PRのタイトルはアプリアイコン・通知アイコンの追加とブランドカラーのTeal変更という変更セット全体の主要な目的を的確に要約している。
Docstring Coverage ✅ Passed Docstring coverage is 100.00% which is sufficient. The required threshold is 80.00%.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/app-icon

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Copy Markdown

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

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

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In
`@frontend/shared/src/commonMain/kotlin/dev/plexus/shared/core/ui/theme/Theme.kt`:
- Around line 53-60: The onPrimary and onSecondary contrast is too low against
Teal600/Teal500; replace the hardcoded Color.White for onPrimary and onSecondary
in Theme.kt with a high-contrast color (e.g., Color.Black or a vetted dark
color) or compute content color via a contrast-aware utility so the text against
Teal600/Teal500 meets WCAG AA; update the onPrimary and onSecondary assignments
(symbols: onPrimary, onSecondary, Teal600, Teal500) accordingly.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: cc826c71-0f97-463e-a3a0-297c3f5998fe

📥 Commits

Reviewing files that changed from the base of the PR and between 7704323 and e5ae688.

📒 Files selected for processing (23)
  • frontend/androidApp/src/main/AndroidManifest.xml
  • frontend/androidApp/src/main/kotlin/dev/plexus/android/notifications/NotificationDisplayer.kt
  • frontend/androidApp/src/main/res/drawable-hdpi/ic_notification.webp
  • frontend/androidApp/src/main/res/drawable-mdpi/ic_notification.webp
  • frontend/androidApp/src/main/res/drawable-xhdpi/ic_notification.webp
  • frontend/androidApp/src/main/res/drawable-xxhdpi/ic_notification.webp
  • frontend/androidApp/src/main/res/drawable-xxxhdpi/ic_notification.webp
  • frontend/androidApp/src/main/res/drawable/ic_notification.xml
  • frontend/androidApp/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
  • frontend/androidApp/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
  • frontend/androidApp/src/main/res/mipmap-hdpi/ic_launcher.webp
  • frontend/androidApp/src/main/res/mipmap-hdpi/ic_launcher_foreground.webp
  • frontend/androidApp/src/main/res/mipmap-mdpi/ic_launcher.webp
  • frontend/androidApp/src/main/res/mipmap-mdpi/ic_launcher_foreground.webp
  • frontend/androidApp/src/main/res/mipmap-xhdpi/ic_launcher.webp
  • frontend/androidApp/src/main/res/mipmap-xhdpi/ic_launcher_foreground.webp
  • frontend/androidApp/src/main/res/mipmap-xxhdpi/ic_launcher.webp
  • frontend/androidApp/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.webp
  • frontend/androidApp/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
  • frontend/androidApp/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.webp
  • frontend/androidApp/src/main/res/values/colors.xml
  • frontend/shared/src/commonMain/kotlin/dev/plexus/shared/core/ui/theme/DesignTokens.kt
  • frontend/shared/src/commonMain/kotlin/dev/plexus/shared/core/ui/theme/Theme.kt
💤 Files with no reviewable changes (1)
  • frontend/androidApp/src/main/res/drawable/ic_notification.xml

Comment on lines +53 to +60
primary = Teal600,
onPrimary = Color.White,
primaryContainer = Cyan100,
onPrimaryContainer = Cyan950,
// === Secondary: Cyan ===
secondary = Cyan500,
primaryContainer = Teal100,
onPrimaryContainer = Teal950,
// === Secondary: Teal ===
secondary = Teal500,
onSecondary = Color.White,
secondaryContainer = Cyan300,
onSecondaryContainer = Cyan950,
secondaryContainer = Teal300,
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🟠 Major

onPrimary/onSecondary の白文字がコントラスト不足

Line 54 と Line 59 の Color.White は、Teal600 / Teal500 背景だと AA(4.5:1) を満たしにくい。小さいテキストやボタンラベルで可読性が落ちる。

修正案(コントラスト改善)
         primary = Teal600,
-        onPrimary = Color.White,
+        onPrimary = Zinc950,
         primaryContainer = Teal100,
         onPrimaryContainer = Teal950,
         // === Secondary: Teal ===
         secondary = Teal500,
-        onSecondary = Color.White,
+        onSecondary = Zinc950,
         secondaryContainer = Teal300,
         onSecondaryContainer = Teal950,
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In
`@frontend/shared/src/commonMain/kotlin/dev/plexus/shared/core/ui/theme/Theme.kt`
around lines 53 - 60, The onPrimary and onSecondary contrast is too low against
Teal600/Teal500; replace the hardcoded Color.White for onPrimary and onSecondary
in Theme.kt with a high-contrast color (e.g., Color.Black or a vetted dark
color) or compute content color via a contrast-aware utility so the text against
Teal600/Teal500 meets WCAG AA; update the onPrimary and onSecondary assignments
(symbols: onPrimary, onSecondary, Teal600, Teal500) accordingly.

@endo-ly endo-ly added enhancement New feature or request frontend labels Mar 29, 2026
@endo-ly endo-ly merged commit 5635fd5 into main Mar 29, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request frontend

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant