UI: update Arm color palette from Philip.Watson3

This commit is contained in:
Han Yin 2025-09-02 08:20:34 -07:00
parent 8268d70518
commit 2b70887725
3 changed files with 52 additions and 77 deletions

View File

@ -100,6 +100,7 @@ fun SettingsGeneralScreen(
modifier = Modifier.fillMaxWidth()
) {
SegmentedButton(
modifier = Modifier.weight(3f),
selected = colorThemeMode == UserPreferences.COLOR_THEME_MODE_ARM,
onClick = { viewModel.setColorThemeMode(UserPreferences.COLOR_THEME_MODE_ARM) },
shape = SegmentedButtonDefaults.itemShape(index = 0, count = 2)
@ -108,11 +109,12 @@ fun SettingsGeneralScreen(
}
SegmentedButton(
modifier = Modifier.weight(4f),
selected = colorThemeMode == UserPreferences.COLOR_THEME_MODE_MATERIAL,
onClick = { viewModel.setColorThemeMode(UserPreferences.COLOR_THEME_MODE_MATERIAL) },
shape = SegmentedButtonDefaults.itemShape(index = 1, count = 2)
) {
Text("Material")
Text("Material Design")
}
}

View File

@ -1,151 +1,124 @@
package com.example.llama.ui.theme
import androidx.compose.material3.ColorScheme
import androidx.compose.material3.darkColorScheme
import androidx.compose.material3.lightColorScheme
import androidx.compose.ui.graphics.Color
// --- Light Theme Colors ---
val md_theme_light_primary = Color(0xFF0747C9)
val md_theme_light_onPrimary = Color(0xFFCFCFCF)
val md_theme_light_onPrimary = Color(0xFFFCFCFC)
val md_theme_light_primaryContainer = Color(0xFFD0DEF6)
val md_theme_light_onPrimaryContainer = Color(0xFF1F2227)
val md_theme_light_inversePrimary = Color(0xFFD0DEF6)
// NOT-USED: val md_theme_light_primaryDim = Color(0xFF031E59)
// NOT-USED: val md_theme_light_onPrimaryDim = Color(0xFFCFCFCF)
val md_theme_light_secondary = Color(0xFFCFCFCF)
val md_theme_light_secondary = Color(0xFFFCFCFC)
val md_theme_light_onSecondary = Color(0xFF1F2227)
val md_theme_light_secondaryContainer = Color(0xFFDFE1E7)
val md_theme_light_onSecondaryContainer = Color(0xFF1F2227)
// NOT-USED: val md_theme_light_secondaryDim = Color(0xFF93B7F8)
// NOT-USED: val md_theme_light_onSecondaryDim = Color(0xFF1F2227)
val md_theme_light_tertiary = Color(0xFF5613CD)
val md_theme_light_onTertiary = Color(0xFFCFCFCF)
val md_theme_light_onTertiary = Color(0xFFFCFCFC)
val md_theme_light_tertiaryContainer = Color(0xFFD7D6F7)
val md_theme_light_onTertiaryContainer = Color(0xFF1F2227)
// NOT-USED: val md_theme_light_tertiaryDim = Color(0xFF220857)
// NOT-USED: val md_theme_light_onTertiaryDim = Color(0xFFCFCFCF)
val md_theme_light_background = Color(0xFFCFCFCF)
val md_theme_light_background = Color(0xFFFCFCFC)
val md_theme_light_onBackground = Color(0xFF1F2227)
val md_theme_light_surface = Color(0xFFCFCFCF)
val md_theme_light_surface = Color(0xFFFCFCFC)
val md_theme_light_onSurface = Color(0xFF1F2227)
val md_theme_light_surfaceVariant = Color(0xFFD0DEF6)
val md_theme_light_onSurfaceVariant = Color(0xFF1F2227)
val md_theme_light_surfaceTint = Color(0xFFDFE1E7)
val md_theme_light_inverseSurface = Color(0xFF737A8B)
val md_theme_light_inverseOnSurface = Color(0xFFCFCFCF)
val md_theme_light_inverseOnSurface = Color(0xFFFCFCFC)
val md_theme_light_error = Color(0xFF8F0D11)
val md_theme_light_onError = Color(0xFFCFCFCF)
val md_theme_light_onError = Color(0xFFFCFCFC)
val md_theme_light_errorContainer = Color(0xFFF5C8C3)
val md_theme_light_onErrorContainer = Color(0xFF1F2227)
// NOT-USED: val md_theme_light_errorDim = Color(0xFF390506)
// NOT-USED: val md_theme_light_onErrorDim = Color(0xFFCFCFCF)
val md_theme_light_outline = Color(0xFFDFE1E7)
val md_theme_light_outlineVariant = Color(0xFF9BA1B2)
val md_theme_light_outline = Color(0xFF40454F)
val md_theme_light_outlineVariant = Color(0xFF8A92A5)
val md_theme_light_scrim = Color(0xFF000000)
// NOT-USED: val md_theme_light_shadow = Color(0x99030304)
// TODO: md_theme_light_surfaceBright
val md_theme_light_surfaceContainer = Color(0xFFF0F2F4)
// NOT-USED: val md_theme_light_onSurfaceContainer = Color(0xFF1F2227)
val md_theme_light_surfaceContainerHigh = Color(0xFFDFE1E7)
// NOT-USED: val md_theme_light_onSurfaceContainerHigh = Color(0xFF1F2227)
// TODO: md_theme_light_surfaceContainerHighest
val md_theme_light_surfaceBright = Color(0xFFD0DEF6)
val md_theme_light_surfaceContainer = Color(0xFFDFE1E7)
val md_theme_light_surfaceContainerHigh = Color(0xFFD4D7DF)
val md_theme_light_surfaceContainerHighest = Color(0xFFC6CAD5)
val md_theme_light_surfaceContainerLow = Color(0xFFE9EBEF)
// NOT-USED: val md_theme_light_onSurfaceContainerLow = Color(0xFF1F2227)
// TODO: md_theme_light_surfaceContainerLowest
// TODO: md_theme_light_surfaceDim
val md_theme_light_surfaceContainerLowest = Color(0xFFF0F2F4)
val md_theme_light_surfaceDim = Color(0xFFB8BECB)
val md_theme_light_primaryFixed = Color(0xFF0747C9)
val md_theme_light_primaryFixedDim = Color(0xFF04359B)
val md_theme_light_onPrimaryFixed = Color(0xFFCFCFCF)
val md_theme_light_onPrimaryFixed = Color(0xFFFCFCFC)
val md_theme_light_onPrimaryFixedVariant = Color(0xFF2F333B)
val md_theme_light_secondaryFixed = Color(0xFFCFCFCF)
val md_theme_light_secondaryFixed = Color(0xFFFCFCFC)
val md_theme_light_secondaryFixedDim = Color(0xFFE9EBEF)
val md_theme_light_onSecondaryFixed = Color(0xFF1F2227)
val md_theme_light_onSecondaryFixedVariant = Color(0xFF2F333B)
val md_theme_light_tertiaryFixed = Color(0xFF5613CD)
val md_theme_light_tertiaryFixedDim = Color(0xFF220857)
val md_theme_light_onTertiaryFixed = Color(0xFFCFCFCF)
val md_theme_light_onTertiaryFixed = Color(0xFFFCFCFC)
val md_theme_light_onTertiaryFixedVariant = Color(0xFFDFE1E7)
// --- Dark Theme Colors ---
val md_theme_dark_primary = Color(0xFF0747C9)
val md_theme_dark_onPrimary = Color(0xFFCFCFCF)
val md_theme_dark_onPrimary = Color(0xFFFCFCFC)
val md_theme_dark_primaryContainer = Color(0xFF020D2B)
val md_theme_dark_onPrimaryContainer = Color(0xFFCFCFCF)
val md_theme_dark_onPrimaryContainer = Color(0xFFFCFCFC)
val md_theme_dark_inversePrimary = Color(0xFF020D2B)
// NOT-USED: val md_theme_dark_primaryDim = Color(0xFF031E59)
// NOT-USED: val md_theme_dark_onPrimaryDim = Color(0xFFCFCFCF)
val md_theme_dark_secondary = Color(0xFF1F2227)
val md_theme_dark_onSecondary = Color(0xFFCFCFCF)
val md_theme_dark_onSecondary = Color(0xFFFCFCFC)
val md_theme_dark_secondaryContainer = Color(0xFF2F333B)
val md_theme_dark_onSecondaryContainer = Color(0xFFCFCFCF)
// NOT-USED: val md_theme_dark_secondaryDim = Color(0xFF031E59)
// NOT-USED: val md_theme_dark_onSecondaryDim = Color(0xFFCFCFCF)
val md_theme_dark_onSecondaryContainer = Color(0xFFFCFCFC)
val md_theme_dark_tertiary = Color(0xFF5613CD)
val md_theme_dark_onTertiary = Color(0xFFCFCFCF)
val md_theme_dark_onTertiary = Color(0xFFFCFCFC)
val md_theme_dark_tertiaryContainer = Color(0xFF0F0429)
val md_theme_dark_onTertiaryContainer = Color(0xFFCFCFCF)
// NOT-USED: val md_theme_dark_tertiaryDim = Color(0xFF220857)
// NOT-USED: val md_theme_dark_onTertiaryDim = Color(0xFFCFCFCF)
val md_theme_dark_onTertiaryContainer = Color(0xFFFCFCFC)
val md_theme_dark_background = Color(0xFF0F1216)
val md_theme_dark_onBackground = Color(0xFFCFCFCF)
val md_theme_dark_onBackground = Color(0xFFFCFCFC)
val md_theme_dark_surface = Color(0xFF0F1216)
val md_theme_dark_onSurface = Color(0xFFCFCFCF)
val md_theme_dark_onSurface = Color(0xFFFCFCFC)
val md_theme_dark_surfaceVariant = Color(0xFF020D2B)
val md_theme_dark_onSurfaceVariant = Color(0xFFCFCFCF)
val md_theme_dark_onSurfaceVariant = Color(0xFFFCFCFC)
val md_theme_dark_surfaceTint = Color(0xFF2F333B)
val md_theme_dark_inverseSurface = Color(0xFF8A92A5)
val md_theme_dark_inverseOnSurface = Color(0xFFCFCFCF)
val md_theme_dark_inverseOnSurface = Color(0xFFFCFCFC)
val md_theme_dark_error = Color(0xFF8F0D11)
val md_theme_dark_onError = Color(0xFFCFCFCF)
val md_theme_dark_onError = Color(0xFFFCFCFC)
val md_theme_dark_errorContainer = Color(0xFF180203)
val md_theme_dark_onErrorContainer = Color(0xFFCFCFCF)
// NOT-USED: val md_theme_dark_errorDim = Color(0xFF390506)
// NOT-USED: val md_theme_dark_onErrorDim = Color(0xFFCFCFCF)
val md_theme_dark_onErrorContainer = Color(0xFFFCFCFC)
val md_theme_dark_outline = Color(0xFF40454F)
val md_theme_dark_outlineVariant = Color(0xFF8A92A5)
val md_theme_dark_outline = Color(0xFFDFE1E7)
val md_theme_dark_outlineVariant = Color(0xFF9BA1B2)
val md_theme_dark_scrim = Color(0xFF000000)
// NOT-USED: val md_theme_dark_shadow = Color(0xFF2F333B)
// TODO: md_theme_dark_surfaceBright
val md_theme_dark_surfaceContainer = Color(0xFF030304)
// NOT-USED: val md_theme_dark_onSurfaceContainer = Color(0xFFFCFCFC)
val md_theme_dark_surfaceBright = Color(0xFF020D2B)
val md_theme_dark_surfaceContainer = Color(0xFF2F333B)
val md_theme_dark_surfaceContainerLow = Color(0xFF1F2227)
// NOT-USED: val md_theme_dark_onSurfaceContainerLow = Color(0xFFFCFCFC)
// TODO: md_theme_dark_surfaceContainerHighest
val md_theme_dark_surfaceContainerHigh = Color(0xFF2F333B)
// NOT-USED: val md_theme_dark_onSurfaceContainerHigh = Color(0xFFCFCFCF)
// TODO: md_theme_dark_surfaceContainerLowest
// TODO: md_theme_dark_surfaceDim
val md_theme_dark_surfaceContainerHighest = Color(0xFF505562)
val md_theme_dark_surfaceContainerHigh = Color(0xFF40454F)
val md_theme_dark_surfaceContainerLowest = Color(0xFF0F1216)
val md_theme_dark_surfaceDim = Color(0xFF626977)
val md_theme_dark_primaryFixed = Color(0xFF0747C9)
val md_theme_dark_primaryFixedDim = Color(0xFF04359B)
val md_theme_dark_onPrimaryFixed = Color(0xFFCFCFCF)
val md_theme_dark_onPrimaryFixed = Color(0xFFFCFCFC)
val md_theme_dark_onPrimaryFixedVariant = Color(0xFFDFE1E7)
val md_theme_dark_secondaryFixed = Color(0xFF1F2227)
val md_theme_dark_secondaryFixedDim = Color(0xFF40454F)
val md_theme_dark_onSecondaryFixed = Color(0xFFCFCFCF)
val md_theme_dark_onSecondaryFixed = Color(0xFFFCFCFC)
val md_theme_dark_onSecondaryFixedVariant = Color(0xFFDFE1E7)
val md_theme_dark_tertiaryFixed = Color(0xFF5613CD)
val md_theme_dark_tertiaryFixedDim = Color(0xFF220857)
val md_theme_dark_onTertiaryFixed = Color(0xFFCFCFCF)
val md_theme_dark_onTertiaryFixed = Color(0xFFFCFCFC)
val md_theme_dark_onTertiaryFixedVariant = Color(0xFFDFE1E7)

View File

@ -56,13 +56,13 @@ internal val armLightColorScheme: ColorScheme = lightColorScheme(
outlineVariant = md_theme_light_outlineVariant,
scrim = md_theme_light_scrim,
// TODO: surfaceBright = md_theme_light_surfaceBright,
surfaceBright = md_theme_light_surfaceBright,
surfaceContainer = md_theme_light_surfaceContainer,
surfaceContainerHigh = md_theme_light_surfaceContainerHigh,
// TODO: surfaceContainerHighest = md_theme_light_surfaceContainerHighest,
surfaceContainerHighest = md_theme_light_surfaceContainerHighest,
surfaceContainerLow = md_theme_light_surfaceContainerLow,
// TODO: surfaceContainerLowest = md_theme_light_surfaceContainerLowest,
// TODO: surfaceDim = md_theme_light_surfaceDim,
surfaceContainerLowest = md_theme_light_surfaceContainerLowest,
surfaceDim = md_theme_light_surfaceDim,
primaryFixed = md_theme_light_primaryFixed,
primaryFixedDim = md_theme_light_primaryFixedDim,
@ -117,13 +117,13 @@ internal val armDarkColorScheme: ColorScheme = darkColorScheme(
outlineVariant = md_theme_dark_outlineVariant,
scrim = md_theme_dark_scrim,
// TODO: surfaceBright = md_theme_dark_surfaceBright,
surfaceBright = md_theme_dark_surfaceBright,
surfaceContainer = md_theme_dark_surfaceContainer,
surfaceContainerHigh = md_theme_dark_surfaceContainerHigh,
// TODO: surfaceContainerHighest = md_theme_dark_surfaceContainerHighest,
surfaceContainerHighest = md_theme_dark_surfaceContainerHighest,
surfaceContainerLow = md_theme_dark_surfaceContainerLow,
// TODO: surfaceContainerLowest = md_theme_dark_surfaceContainerLowest,
// TODO: surfaceDim = md_theme_dark_surfaceDim,
surfaceContainerLowest = md_theme_dark_surfaceContainerLowest,
surfaceDim = md_theme_dark_surfaceDim,
primaryFixed = md_theme_dark_primaryFixed,
primaryFixedDim = md_theme_dark_primaryFixedDim,