[PR #2538] feat(mobile): add systemMaterial blur and improve tab icon readability on iOS <26 #2149

New issue

Open

opened 2026-03-02 12:00:46 +03:00 by kerem · 0 comments

kerem commented

2026-03-02 12:00:46 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/karakeep-app/karakeep/pull/2538
Author: @esimkowitz
Created: 3/1/2026
Status: 🔄 Open

Base: main ← Head: ios18-tab-bar-blur

📝 Commits (1)

bfd28f3 feat(mobile): add systemMaterial blur and improve tab icon readability on iOS <26

📊 Changes

1 file changed (+11 additions, -1 deletions)

View changed files

📝 apps/mobile/app/dashboard/(tabs)/_layout.tsx (+11 -1)

📄 Description

Summary

Add systemMaterial blur effect to the tab bar on iOS < 26 for a translucent frosted-glass appearance
Update unselected icon and text colors for the iOS < 26 tab bar for light/dark mode
On iOS 26+, the blur effect is left to the system's fluid tab bar design

Test plan

Build on iOS 18.x simulator — tab bar should show translucent systemMaterial blur and updated light and dark mode unselected icon colors
Build on iOS 26 simulator — tab bar should use native fluid appearance
Build on Android — tab bar should remain unchanged with solid background

_{🔄 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/2538 **Author:** [@esimkowitz](https://github.com/esimkowitz) **Created:** 3/1/2026 **Status:** 🔄 Open **Base:** `main` ← **Head:** `ios18-tab-bar-blur` --- ### 📝 Commits (1) - [`bfd28f3`](https://github.com/karakeep-app/karakeep/commit/bfd28f3ca59ab83e00c1c6e3b1598d98c2ebbb5a) feat(mobile): add systemMaterial blur and improve tab icon readability on iOS <26 ### 📊 Changes **1 file changed** (+11 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `apps/mobile/app/dashboard/(tabs)/_layout.tsx` (+11 -1) </details> ### 📄 Description ## Summary - Add `systemMaterial` blur effect to the tab bar on iOS < 26 for a translucent frosted-glass appearance - Update unselected icon and text colors for the iOS < 26 tab bar for light/dark mode - On iOS 26+, the blur effect is left to the system's fluid tab bar design ## Test plan - [x] Build on iOS 18.x simulator — tab bar should show translucent systemMaterial blur and updated light and dark mode unselected icon colors - [x] Build on iOS 26 simulator — tab bar should use native fluid appearance - [x] Build on Android — tab bar should remain unchanged with solid background --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

kerem added the

pull-request

label

2026-03-02 12:00:46 +03:00

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#2149

No description provided.

Rows
Columns