Restore the legacy bottom navigation gradient styling.

Apply the old blue gradient treatment to the Compose bottom bar so it visually matches the previous project implementation.

Made-with: Cursor

app/src/main/kotlin/org/db3/airmq/features/navigation/AirMQNavGraph.kt

@@ -1,6 +1,8 @@
 package org.db3.airmq.features.navigation
 
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
 import androidx.compose.material3.Icon
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
@@ -10,7 +12,10 @@ import androidx.compose.material3.NavigationBarItemDefaults
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Text
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
 import androidx.navigation.NavType
 import androidx.navigation.NavGraph.Companion.findStartDestination
 import androidx.navigation.compose.NavHost
@@ -38,7 +43,8 @@ import org.db3.airmq.features.news.NewsDetailScreen
 import org.db3.airmq.features.news.NewsScreen
 import org.db3.airmq.features.settings.SettingsScreen
 import org.db3.airmq.features.setup.SetupScreen
-import org.db3.airmq.ui.theme.LegacyNavContainer
+import org.db3.airmq.ui.theme.LegacyNavGradientEnd
+import org.db3.airmq.ui.theme.LegacyNavGradientStart
 import org.db3.airmq.ui.theme.LegacyNavSelected
 import org.db3.airmq.ui.theme.LegacyNavUnselected
 
@@ -59,8 +65,16 @@ fun AirMQNavGraph(modifier: Modifier = Modifier) {
         modifier = modifier,
         bottomBar = {
             if (showBottomBar) {
+                Box(
+                    modifier = Modifier.background(
+                        brush = Brush.linearGradient(
+                            colors = listOf(LegacyNavGradientEnd, LegacyNavGradientStart)
+                        )
+                    )
+                ) {
                     NavigationBar(
-                    containerColor = LegacyNavContainer
+                        containerColor = Color.Transparent,
+                        tonalElevation = 0.dp
                     ) {
                         tabItems.forEach { tabItem ->
                             NavigationBarItem(
@@ -79,7 +93,7 @@ fun AirMQNavGraph(modifier: Modifier = Modifier) {
                                     unselectedIconColor = LegacyNavUnselected,
                                     selectedTextColor = LegacyNavSelected,
                                     unselectedTextColor = LegacyNavUnselected,
-                                indicatorColor = LegacyNavContainer
+                                    indicatorColor = Color.Transparent
                                 ),
                                 icon = {
                                     Icon(
@@ -93,6 +107,7 @@ fun AirMQNavGraph(modifier: Modifier = Modifier) {
                     }
                 }
             }
+        }
     ) { innerPadding ->
         NavHost(
             navController = navController,

app/src/main/kotlin/org/db3/airmq/ui/theme/Color.kt

@@ -16,6 +16,8 @@ val LegacyOutlineLight = Color(0x3B000000)
 val LegacyNavSelected = Color(0xFFFFFFFF)
 val LegacyNavUnselected = Color(0x8AFFFFFF)
 val LegacyNavContainer = Color(0xFF295989)
+val LegacyNavGradientStart = Color(0xFF005BAB)
+val LegacyNavGradientEnd = Color(0xFF4997D1)
 
 val LegacyButtonContained = Color(0xFF135CA5)
 val LegacyButtonContainedDisabledOverlay = Color(0x1F000000)