UI: minor color palette changes; emphasize the bottom bar FABs; fix Settings Screen menu item label
This commit is contained in:
parent
2223c54cc6
commit
83abff8a64
|
|
@ -577,7 +577,7 @@ fun AppContent(
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
// General Settings Screen
|
// Settings Screen
|
||||||
composable(AppDestinations.SETTINGS_GENERAL_ROUTE) {
|
composable(AppDestinations.SETTINGS_GENERAL_ROUTE) {
|
||||||
SettingsGeneralScreen(
|
SettingsGeneralScreen(
|
||||||
viewModel = settingsViewModel
|
viewModel = settingsViewModel
|
||||||
|
|
|
||||||
|
|
@ -145,19 +145,9 @@ private fun DrawerContent(
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
|
|
||||||
// Spacer(modifier = Modifier.height(24.dp))
|
|
||||||
// TODO-han.yin: add back once we add more features
|
|
||||||
// // Settings Group
|
|
||||||
// Text(
|
|
||||||
// text = "Settings",
|
|
||||||
// style = MaterialTheme.typography.labelMedium,
|
|
||||||
// color = MaterialTheme.colorScheme.onSurfaceVariant,
|
|
||||||
// modifier = Modifier.padding(start = 8.dp, bottom = 8.dp)
|
|
||||||
// )
|
|
||||||
|
|
||||||
DrawerNavigationItem(
|
DrawerNavigationItem(
|
||||||
icon = Icons.Default.Settings,
|
icon = Icons.Default.Settings,
|
||||||
label = "General Settings",
|
label = "Settings",
|
||||||
isSelected = currentRoute == AppDestinations.SETTINGS_GENERAL_ROUTE,
|
isSelected = currentRoute == AppDestinations.SETTINGS_GENERAL_ROUTE,
|
||||||
onClick = { onNavigate { navigationActions.navigateToSettingsGeneral() } }
|
onClick = { onNavigate { navigationActions.navigateToSettingsGeneral() } }
|
||||||
)
|
)
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,10 @@ fun BenchmarkBottomBar(
|
||||||
enter = scaleIn() + fadeIn(),
|
enter = scaleIn() + fadeIn(),
|
||||||
exit = scaleOut() + fadeOut()
|
exit = scaleOut() + fadeOut()
|
||||||
) {
|
) {
|
||||||
FloatingActionButton(onClick = onShare) {
|
FloatingActionButton(
|
||||||
|
onClick = onShare,
|
||||||
|
containerColor = MaterialTheme.colorScheme.primary,
|
||||||
|
) {
|
||||||
Icon(
|
Icon(
|
||||||
imageVector = Icons.Default.Share,
|
imageVector = Icons.Default.Share,
|
||||||
contentDescription = "Share the benchmark results"
|
contentDescription = "Share the benchmark results"
|
||||||
|
|
|
||||||
|
|
@ -32,7 +32,6 @@ import androidx.compose.ui.Modifier
|
||||||
import androidx.compose.ui.graphics.StrokeCap
|
import androidx.compose.ui.graphics.StrokeCap
|
||||||
import androidx.compose.ui.text.input.ImeAction
|
import androidx.compose.ui.text.input.ImeAction
|
||||||
import androidx.compose.ui.unit.dp
|
import androidx.compose.ui.unit.dp
|
||||||
import com.example.llama.APP_NAME
|
|
||||||
|
|
||||||
@Composable
|
@Composable
|
||||||
fun ConversationBottomBar(
|
fun ConversationBottomBar(
|
||||||
|
|
@ -123,6 +122,7 @@ fun ConversationBottomBar(
|
||||||
floatingActionButton = {
|
floatingActionButton = {
|
||||||
FloatingActionButton(
|
FloatingActionButton(
|
||||||
onClick = { if (isReady) { onSendClick() } },
|
onClick = { if (isReady) { onSendClick() } },
|
||||||
|
containerColor = MaterialTheme.colorScheme.primary,
|
||||||
) {
|
) {
|
||||||
if (isReady) {
|
if (isReady) {
|
||||||
Icon(
|
Icon(
|
||||||
|
|
|
||||||
|
|
@ -208,10 +208,11 @@ fun ModelsBrowsingBottomBar(
|
||||||
runActionConfig.onClickRun(it)
|
runActionConfig.onClickRun(it)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
containerColor = MaterialTheme.colorScheme.primary,
|
||||||
) {
|
) {
|
||||||
Icon(
|
Icon(
|
||||||
imageVector = Icons.Default.PlayArrow,
|
imageVector = Icons.Default.PlayArrow,
|
||||||
contentDescription = "Run with selected model"
|
contentDescription = "Run with selected model",
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -193,6 +193,7 @@ fun ModelsManagementBottomBar(
|
||||||
) {
|
) {
|
||||||
FloatingActionButton(
|
FloatingActionButton(
|
||||||
onClick = { importingConfig.toggleMenu(true) },
|
onClick = { importingConfig.toggleMenu(true) },
|
||||||
|
containerColor = MaterialTheme.colorScheme.primary,
|
||||||
) {
|
) {
|
||||||
Icon(
|
Icon(
|
||||||
imageVector = Icons.Default.Add,
|
imageVector = Icons.Default.Add,
|
||||||
|
|
|
||||||
|
|
@ -15,6 +15,7 @@ import androidx.compose.material3.BottomAppBar
|
||||||
import androidx.compose.material3.FloatingActionButton
|
import androidx.compose.material3.FloatingActionButton
|
||||||
import androidx.compose.material3.Icon
|
import androidx.compose.material3.Icon
|
||||||
import androidx.compose.material3.IconButton
|
import androidx.compose.material3.IconButton
|
||||||
|
import androidx.compose.material3.MaterialTheme
|
||||||
import androidx.compose.runtime.Composable
|
import androidx.compose.runtime.Composable
|
||||||
|
|
||||||
@Composable
|
@Composable
|
||||||
|
|
@ -55,6 +56,7 @@ fun ModelsSearchingBottomBar(
|
||||||
runActionConfig.onClickRun(it)
|
runActionConfig.onClickRun(it)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
containerColor = MaterialTheme.colorScheme.primary,
|
||||||
) {
|
) {
|
||||||
Icon(
|
Icon(
|
||||||
imageVector = Icons.Default.PlayArrow,
|
imageVector = Icons.Default.PlayArrow,
|
||||||
|
|
|
||||||
|
|
@ -7,6 +7,7 @@ import androidx.compose.material.icons.filled.Menu
|
||||||
import androidx.compose.material3.ExperimentalMaterial3Api
|
import androidx.compose.material3.ExperimentalMaterial3Api
|
||||||
import androidx.compose.material3.Icon
|
import androidx.compose.material3.Icon
|
||||||
import androidx.compose.material3.IconButton
|
import androidx.compose.material3.IconButton
|
||||||
|
import androidx.compose.material3.LocalContentColor
|
||||||
import androidx.compose.material3.MaterialTheme
|
import androidx.compose.material3.MaterialTheme
|
||||||
import androidx.compose.material3.Text
|
import androidx.compose.material3.Text
|
||||||
import androidx.compose.material3.TopAppBar
|
import androidx.compose.material3.TopAppBar
|
||||||
|
|
@ -19,7 +20,7 @@ import androidx.compose.ui.graphics.Color
|
||||||
fun DefaultTopBar(
|
fun DefaultTopBar(
|
||||||
title: String,
|
title: String,
|
||||||
titleColor: Color = Color.Unspecified,
|
titleColor: Color = Color.Unspecified,
|
||||||
navigationIconTint: Color = Color.Unspecified,
|
navigationIconTint: Color = LocalContentColor.current,
|
||||||
onNavigateBack: (() -> Unit)? = null,
|
onNavigateBack: (() -> Unit)? = null,
|
||||||
onQuit: (() -> Unit)? = null,
|
onQuit: (() -> Unit)? = null,
|
||||||
onMenuOpen: (() -> Unit)? = null
|
onMenuOpen: (() -> Unit)? = null
|
||||||
|
|
|
||||||
|
|
@ -10,14 +10,14 @@ val md_theme_light_primaryContainer = Color(0xFFD0DEF6)
|
||||||
val md_theme_light_onPrimaryContainer = Color(0xFF1F2227)
|
val md_theme_light_onPrimaryContainer = Color(0xFF1F2227)
|
||||||
val md_theme_light_inversePrimary = Color(0xFFD0DEF6)
|
val md_theme_light_inversePrimary = Color(0xFFD0DEF6)
|
||||||
|
|
||||||
val md_theme_light_secondary = Color(0xFFFCFCFC)
|
val md_theme_light_secondary = Color(0xFFE0BBFF)
|
||||||
val md_theme_light_onSecondary = Color(0xFF1F2227)
|
val md_theme_light_onSecondary = Color(0xFF1F1A2A)
|
||||||
val md_theme_light_secondaryContainer = Color(0xFFDFE1E7)
|
val md_theme_light_secondaryContainer = Color(0xFFF2DDFF)
|
||||||
val md_theme_light_onSecondaryContainer = Color(0xFF1F2227)
|
val md_theme_light_onSecondaryContainer = Color(0xFF2A183F)
|
||||||
|
|
||||||
val md_theme_light_tertiary = Color(0xFF5613CD)
|
val md_theme_light_tertiary = Color(0xFFFCFC00)
|
||||||
val md_theme_light_onTertiary = Color(0xFFFCFCFC)
|
val md_theme_light_onTertiary = Color(0xFF1F2227)
|
||||||
val md_theme_light_tertiaryContainer = Color(0xFFD7D6F7)
|
val md_theme_light_tertiaryContainer = Color(0xFFEEEEAA)
|
||||||
val md_theme_light_onTertiaryContainer = Color(0xFF1F2227)
|
val md_theme_light_onTertiaryContainer = Color(0xFF1F2227)
|
||||||
|
|
||||||
val md_theme_light_background = Color(0xFFFCFCFC)
|
val md_theme_light_background = Color(0xFFFCFCFC)
|
||||||
|
|
@ -41,11 +41,11 @@ val md_theme_light_scrim = Color(0xFF000000)
|
||||||
|
|
||||||
|
|
||||||
val md_theme_light_surfaceBright = Color(0xFFD0DEF6)
|
val md_theme_light_surfaceBright = Color(0xFFD0DEF6)
|
||||||
val md_theme_light_surfaceContainer = Color(0xFFDFE1E7)
|
val md_theme_light_surfaceContainerHighest = Color(0xFFDDE1E8)
|
||||||
val md_theme_light_surfaceContainerHigh = Color(0xFFD4D7DF)
|
val md_theme_light_surfaceContainerHigh = Color(0xFFE5E8ED)
|
||||||
val md_theme_light_surfaceContainerHighest = Color(0xFFC6CAD5)
|
val md_theme_light_surfaceContainer = Color(0xFFEBEDF1)
|
||||||
val md_theme_light_surfaceContainerLow = Color(0xFFE9EBEF)
|
val md_theme_light_surfaceContainerLow = Color(0xFFF2F4F6)
|
||||||
val md_theme_light_surfaceContainerLowest = Color(0xFFF0F2F4)
|
val md_theme_light_surfaceContainerLowest = Color(0xFFF7F8F9)
|
||||||
val md_theme_light_surfaceDim = Color(0xFFB8BECB)
|
val md_theme_light_surfaceDim = Color(0xFFB8BECB)
|
||||||
|
|
||||||
val md_theme_light_primaryFixed = Color(0xFF0747C9)
|
val md_theme_light_primaryFixed = Color(0xFF0747C9)
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue