mirrors/opencode
1
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-11-13 11:39:41 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(tui): use faint secondary text in list dialogs (#56094)

Browse Source
This commit is contained in:
Aarav Sareen
2026-10-20 12:35:36 +05:30
committed by GitHub
Unverified
parent b81629e4c9
commit d63c8d25f7
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/tui/src/ui/dialog-select.tsx
+7 -4
View File
@@ -837,8 +837,11 @@ function DialogSelectRow(props: {
if (props.current && !newDesigns()) return theme.text.formfield.selected
return theme.text.base
})
// Secondary text (description and footer) on the highlighted row.
const secondary = () => (newDesigns() ? theme.text.action.secondary.focused : text())
// Secondary text (description and footer).
const secondary = () => {
if (!newDesigns()) return props.active ? text() : theme.text.muted
return props.active ? theme.text.action.secondary.focused : theme.text.faint
}
const row = () => (
// A marker or gutter takes its cell plus the row gap out of the left padding,
@@ -881,12 +884,12 @@ function DialogSelectRow(props: {
? Locale.truncateLeft(props.title, props.titleWidth ?? 61)
: Locale.truncate(props.title, props.titleWidth ?? 61))}
<Show when={props.description}>
<span style={{ fg: props.active ? secondary() : theme.text.muted }}>{" " + props.description}</span>
<span style={{ fg: secondary() }}>{" " + props.description}</span>
</Show>
</text>
<Show when={props.footer}>
<box flexShrink={0}>
<text fg={props.active ? secondary() : (props.footerColor ?? theme.text.muted)}>{props.footer}</text>
<text fg={props.active || !props.footerColor ? secondary() : props.footerColor}>{props.footer}</text>
</box>
</Show>
</box>