From 389cbd4259f30a41099ec626104c894fb8034d5a Mon Sep 17 00:00:00 2001
From: Fredrik Burmester <fredrik.burmester@gmail.com>
Date: Tue, 2 Jun 2026 20:43:34 +0200
Subject: [PATCH] fix(music): use white tab labels instead of default blue

The music library tab view did not set tabBarActiveTintColor/
tabBarInactiveTintColor, so React Navigation's material-top-tabs
fell back to its default blue active tint. Set explicit white
(active) and gray (inactive) tint colors.
---
 app/(auth)/(tabs)/(libraries)/music/[libraryId]/_layout.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/(auth)/(tabs)/(libraries)/music/[libraryId]/_layout.tsx b/app/(auth)/(tabs)/(libraries)/music/[libraryId]/_layout.tsx
index 66f877d4a..bf21238ad 100644
--- a/app/(auth)/(tabs)/(libraries)/music/[libraryId]/_layout.tsx
+++ b/app/(auth)/(tabs)/(libraries)/music/[libraryId]/_layout.tsx
@@ -40,6 +40,8 @@ const Layout = () => {
         keyboardDismissMode='none'
         screenOptions={{
           tabBarBounces: true,
+          tabBarActiveTintColor: "#FFFFFF",
+          tabBarInactiveTintColor: "#9CA3AF",
           tabBarLabelStyle: {
             fontSize: TAB_LABEL_FONT_SIZE,
             fontWeight: "600",