[PR #1004] [MERGED] iOS Status Bar Tweaks #1491

New Issue

2026-04-24T23:58:49+02:00

adam commented

2026-04-24 23:58:49 +02:00

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf-app/pull/1004
Author: @benonymity
Created: 12/23/2023
Status: ✅ Merged
Merged: 1/1/2024
Merged by: @advplyr

Base: master ← Head: statusBarTweaks

📝 Commits (6)

26d0209 fix: ios status bar mirror theme
439ab2c fix: item page background conflict
acee907 Merge branch 'master' into statusBarTweaks
1c89d33 Update item page gradient to be absolute and below cover image, add transitions
69fbfa4 Update nuxtjs/tailwindcss and update tailwind config
095d5e1 Fix item page gradient for light mode

📊 Changes

9 files changed (+2333 additions, -2119 deletions)

View changed files

📝 assets/app.css (+1 -4)
📝 assets/tailwind.css (+6 -2)
➕ assets/transitions.css (+51 -0)
📝 components/app/AudioPlayer.vue (+1 -0)
📝 nuxt.config.js (+1 -0)
📝 package-lock.json (+2130 -1984)
📝 package.json (+2 -3)
📝 pages/item/_id/index.vue (+134 -115)
📝 tailwind.config.js (+7 -11)

📄 Description

Forces the iOS status bar (aka the body background color) to mirror the current theme, and hopefully to mirror the color gradient in the fullscreen audio player, ~~though haven't quite figured that out yet.~~ which it now does. So the iOS cutout bar is now consistent with the rest of the UI, though again can't confirm the lack of Android conflicts.

_{🔄 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/advplyr/audiobookshelf-app/pull/1004 **Author:** [@benonymity](https://github.com/benonymity) **Created:** 12/23/2023 **Status:** ✅ Merged **Merged:** 1/1/2024 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `statusBarTweaks` --- ### 📝 Commits (6) - [`26d0209`](https://github.com/advplyr/audiobookshelf-app/commit/26d020976372e678a22e10357e416eb4d3ea28d6) fix: ios status bar mirror theme - [`439ab2c`](https://github.com/advplyr/audiobookshelf-app/commit/439ab2c8c0bfb4cce9af1b78fcb454a1afa080c8) fix: item page background conflict - [`acee907`](https://github.com/advplyr/audiobookshelf-app/commit/acee907932e139a296db8fb2e808cff108b9c9ab) Merge branch 'master' into statusBarTweaks - [`1c89d33`](https://github.com/advplyr/audiobookshelf-app/commit/1c89d337269d31514a7adfe7aca5eb60bafabe38) Update item page gradient to be absolute and below cover image, add transitions - [`69fbfa4`](https://github.com/advplyr/audiobookshelf-app/commit/69fbfa4b331cf13da819082b1e2adec0a20648c4) Update nuxtjs/tailwindcss and update tailwind config - [`095d5e1`](https://github.com/advplyr/audiobookshelf-app/commit/095d5e1cecfc915b9267e76fac5a1a9263a4f3af) Fix item page gradient for light mode ### 📊 Changes **9 files changed** (+2333 additions, -2119 deletions) <details> <summary>View changed files</summary> 📝 `assets/app.css` (+1 -4) 📝 `assets/tailwind.css` (+6 -2) ➕ `assets/transitions.css` (+51 -0) 📝 `components/app/AudioPlayer.vue` (+1 -0) 📝 `nuxt.config.js` (+1 -0) 📝 `package-lock.json` (+2130 -1984) 📝 `package.json` (+2 -3) 📝 `pages/item/_id/index.vue` (+134 -115) 📝 `tailwind.config.js` (+7 -11) </details> ### 📄 Description Forces the iOS status bar (aka the body background color) to mirror the current theme, and hopefully to mirror the color gradient in the fullscreen audio player, ~~though haven't quite figured that out yet.~~ which it now does. So the iOS cutout bar is now consistent with the rest of the UI, though again can't confirm the lack of Android conflicts. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

adam added the pull-request label 2026-04-24 23:58:49 +02:00

adam closed this issue

2026-04-24 23:58:49 +02:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/audiobookshelf-app#1491