ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(tui): use gray list highlights (#36669)

Browse source 
Co-authored-by: Dax Raad <thdxr@users.noreply.github.com>
This commit is contained in:
opencode-agent[bot] 2026-07-13 10:15:30 -04:00 • committed by GitHub
commit 823bc20427
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 21 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

9
packages/tui/src/ui/dialog-select.tsx
View file

@ -674,7 +674,7 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
active()
? actionFocused()
? theme.backgroundElement
: (option.bg ?? theme.primary)
: (option.bg ?? theme.backgroundElement)
: RGBA.fromInts(0, 0, 0, 0)
}
>
@ -749,9 +749,8 @@ function Option(props: {
onMouseOver?: () => void
}) {
const { theme } = useTheme()
const fg = selectedForeground(theme)
const text = createMemo(() => {
if (props.active && !props.muted) return fg
if (props.active && !props.muted) return theme.text
if (props.muted && (props.active || props.current)) return theme.textMuted
if (props.current) return theme.primary
return theme.text
@ -784,12 +783,12 @@ function Option(props: {
? Locale.truncateLeft(props.title, props.titleWidth ?? 61)
: Locale.truncate(props.title, props.titleWidth ?? 61))}
<Show when={props.description}>
<span style={{ fg: props.active && !props.muted ? fg : theme.textMuted }}> {props.description}</span>
<span style={{ fg: props.active && !props.muted ? theme.text : theme.textMuted }}> {props.description}</span>
</Show>
</text>
<Show when={props.footer}>
<box flexShrink={0}>
<text fg={props.active && !props.muted ? fg : theme.textMuted}>{props.footer}</text>
<text fg={props.active && !props.muted ? theme.text : theme.textMuted}>{props.footer}</text>
</box>
</Show>
</>