nick/amethyst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix(desktop): icon picker shows selected state with background highlight

Browse Source 
Replace tint-only selection with Surface background + primaryContainer
color so the selected icon is clearly visible in the workspace editor.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
nrobi144
2026-04-19 05:55:09 +03:00
parent 486ff2e8cf
commit cb306b5219
1 changed files with 29 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
desktopApp/src/jvmMain/kotlin/com/vitorpamplona/amethyst/desktop/ui/deck/AppDrawer.kt
+29 -12
View File
@@ -904,19 +904,36 @@ private fun WorkspaceEditorDialog(
)
// Icon picker
Text("Icon", style = MaterialTheme.typography.labelMedium)
FlowRow(horizontalArrangement = Arrangement.spacedBy(4.dp)) {
FlowRow(
horizontalArrangement = Arrangement.spacedBy(4.dp),
verticalArrangement = Arrangement.spacedBy(4.dp),
) {
val isSelected = { iName: String -> iName == iconName }
WorkspaceIcons.availableNames.forEach { iName ->
IconButton(onClick = { iconName = iName }) {
Icon(
WorkspaceIcons.resolve(iName),
iName,
tint =
if (iName == iconName) {
MaterialTheme.colorScheme.primary
} else {
MaterialTheme.colorScheme.onSurfaceVariant
},
)
Surface(
modifier = Modifier.size(40.dp).clickable { iconName = iName },
shape = RoundedCornerShape(8.dp),
color =
if (isSelected(iName)) {
MaterialTheme.colorScheme.primaryContainer
} else {
Color.Transparent
},
tonalElevation = if (isSelected(iName)) 4.dp else 0.dp,
) {
Box(contentAlignment = Alignment.Center) {
Icon(
WorkspaceIcons.resolve(iName),
iName,
modifier = Modifier.size(24.dp),
tint =
if (isSelected(iName)) {
MaterialTheme.colorScheme.primary
} else {
MaterialTheme.colorScheme.onSurfaceVariant
},
)
}
}
}
}