feat(ui): implement standardized selection background with interpolation

This commit is contained in:
Keith Guerin
2026-02-28 23:11:50 -08:00
parent 4e812232a8
commit e90f2c1339
18 changed files with 541 additions and 303 deletions

View File

@@ -137,7 +137,13 @@ export function BaseSelectionList<
)}.`;
return (
<Box key={item.key} alignItems="flex-start">
<Box
key={item.key}
alignItems="flex-start"
backgroundColor={
isSelected ? theme.background.selection : undefined
}
>
{/* Radio button indicator */}
<Box minWidth={2} flexShrink={0}>
<Text

View File

@@ -514,7 +514,14 @@ export function BaseSettingsDialog({
return (
<React.Fragment key={item.key}>
<Box marginX={1} flexDirection="row" alignItems="flex-start">
<Box
marginX={1}
flexDirection="row"
alignItems="flex-start"
backgroundColor={
isActive ? theme.background.selection : undefined
}
>
<Box minWidth={2} flexShrink={0}>
<Text
color={isActive ? theme.ui.focus : theme.text.secondary}