[PR #1620] [MERGED] fix: tweaks to mobile app icon padding + added iOS tinted variant #1867

Closed
opened 2026-03-02 11:59:32 +03:00 by kerem · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/karakeep-app/karakeep/pull/1620
Author: @alexjsp
Created: 6/16/2025
Status: Merged
Merged: 6/21/2025
Merged by: @MohamedBassem

Base: mainHead: app-icon-tweaks


📝 Commits (2)

  • a22f918 Added more padding to mobile app icon
  • 77050b1 Added iOS tinted app icon variant

📊 Changes

3 files changed (+4 additions, -1 deletions)

View changed files

📝 apps/mobile/app.json (+4 -1)
apps/mobile/assets/icon-tinted.png (+0 -0)
📝 apps/mobile/assets/icon.png (+0 -0)

📄 Description

Since I started using Karakeep I've found the mobile app icon didn't feel like it totally fit on my iOS homescreen, so I wanted to see if I could improve it. I think the biggest issue is the padding around the logo and icon edge felt too tight, and I didn't want to make any drastic changes, so just made a little tweak to the padding that I think makes things look nicer:

Existing Icon New Icon

Comparison:
ezgif-74a161754d6e44

I also added a tinted variant that adds a little gradient and I think makes the icon look better in that tinted mode:

Existing Icon New Icon

Feel free to bin this if you don't like it, or make any suggestions of further tweaks you'd like, happy to help there. But hopefully you like it, I think it looks a bit better on my homescreen!


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/karakeep-app/karakeep/pull/1620 **Author:** [@alexjsp](https://github.com/alexjsp) **Created:** 6/16/2025 **Status:** ✅ Merged **Merged:** 6/21/2025 **Merged by:** [@MohamedBassem](https://github.com/MohamedBassem) **Base:** `main` ← **Head:** `app-icon-tweaks` --- ### 📝 Commits (2) - [`a22f918`](https://github.com/karakeep-app/karakeep/commit/a22f91884d63521021f93213fb066a3132551572) Added more padding to mobile app icon - [`77050b1`](https://github.com/karakeep-app/karakeep/commit/77050b14d709ec51867df5c72b31d40d87fa4f90) Added iOS tinted app icon variant ### 📊 Changes **3 files changed** (+4 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `apps/mobile/app.json` (+4 -1) ➕ `apps/mobile/assets/icon-tinted.png` (+0 -0) 📝 `apps/mobile/assets/icon.png` (+0 -0) </details> ### 📄 Description Since I started using Karakeep I've found the mobile app icon didn't feel like it totally fit on my iOS homescreen, so I wanted to see if I could improve it. I think the biggest issue is the padding around the logo and icon edge felt too tight, and I didn't want to make any drastic changes, so just made a little tweak to the padding that I think makes things look nicer: | Existing Icon | New Icon | | ------- | ------- | | <img src="https://github.com/user-attachments/assets/224d4c24-4019-4a79-aa02-a5a41182856a" width=350> | <img src="https://github.com/user-attachments/assets/36d7bf72-6f58-4512-aae4-32b1d689a25f" width=350> | Comparison: ![ezgif-74a161754d6e44](https://github.com/user-attachments/assets/ca18140c-7283-44bc-9345-00a47a60adb2) I also added a tinted variant that adds a little gradient and I think makes the icon look better in that tinted mode: | Existing Icon | New Icon | | ------- | ------- | | <img src="https://github.com/user-attachments/assets/7df379cc-629a-44fa-a2d8-828568a0ec49" width=350> | <img src="https://github.com/user-attachments/assets/cc02b7e7-f660-4d2e-b460-8295fc998a65" width=350> | Feel free to bin this if you don't like it, or make any suggestions of further tweaks you'd like, happy to help there. But hopefully you like it, I think it looks a bit better on my homescreen! --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
kerem 2026-03-02 11:59:32 +03:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/karakeep#1867
No description provided.