Merge pull request #161 from joreilly/ui_updates

ui updates

Author: joreilly

composeApp/src/androidMain/kotlin/dev/johnoreilly/climatetrace/theme/Theme.kt

@@ -9,6 +9,7 @@ import androidx.compose.material3.dynamicLightColorScheme
 import androidx.compose.material3.lightColorScheme
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.graphics.Color
 
 private val DarkColorScheme = darkColorScheme(
     primary = Purple80,
@@ -19,10 +20,10 @@ private val DarkColorScheme = darkColorScheme(
 private val LightColorScheme = lightColorScheme(
     primary = Purple40,
     secondary = PurpleGrey40,
-    tertiary = Pink40
+    tertiary = Pink40,
+    background = Color.White,
 
     /* Other default colors to override
-    background = Color(0xFFFFFBFE),
     surface = Color(0xFFFFFBFE),
     onPrimary = Color.White,
     onSecondary = Color.White,

composeApp/src/commonMain/kotlin/dev/johnoreilly/climatetrace/ui/ClimateTraceScreen.kt

@@ -3,7 +3,6 @@ package dev.johnoreilly.climatetrace.ui
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
-import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
@@ -28,6 +27,7 @@ import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.SearchBar
+import androidx.compose.material3.SearchBarDefaults
 import androidx.compose.material3.Text
 import androidx.compose.material3.VerticalDivider
 import androidx.compose.material3.adaptive.currentWindowAdaptiveInfo
@@ -98,7 +98,7 @@ fun CountryScreenSuccess(countryList: List<Country>) {
         if (windowSizeClass.windowWidthSizeClass == WindowWidthSizeClass.COMPACT) {
             Column(Modifier.fillMaxWidth()) {
                 Box(
-                    Modifier.height(250.dp).fillMaxWidth().background(color = Color.LightGray)
+                    Modifier.height(250.dp).fillMaxWidth()
                 ) {
                     CountryListView(
                         countryList = countryList,
@@ -225,7 +225,7 @@ fun SearchableList(
         },
         active = true,
         onActiveChange = {},
-        tonalElevation = 0.dp
+        colors = SearchBarDefaults.colors(containerColor = MaterialTheme.colorScheme.background),
     )
 }