Merged in https://github.com/knanao/opencode/tree/fix/list-selection-fg.

If selectedListItemTextcolour is present in the theme, it is used.

Otherwise, knanao's luminance-based colour selection is used.

There is one known issue.
For users who want to make all backgrounds transparent, it may be inconvenient that the background color of the autocomplete command list can not be changed and is tied to backgroundElement.

One option is to make this configurable, but implementing that within this PR feels a bit excessive.
It might be better to address it in a separate PR after this one is merged.

Sounds good to me! It looks great to me already, but I'll keep an eye on your branch in case you decide to tweak anything else.

There is one known issue. For users who want to make all backgrounds transparent, it may be inconvenient that the background color of the autocomplete command list can not be changed and is tied to backgroundElement.

One option is to make this configurable, but implementing that within this PR feels a bit excessive. It might be better to address it in a separate PR after this one is merged.

I'm not sure if I've kept up with your discussion, but this is definitely a pain point.

If the relevant pull requests are merged here, I understand that the commits here should also be re-added (maybe the new pull requests could be adjusted together?). @rekram1-node

• https://github.com/sst/opencode/pull/4408/files

There is one known issue.有一个已知的问题。 For users who want to make all backgrounds transparent, it may be inconvenient that the background color of the autocomplete command list can not be changed and is tied to backgroundElement.对于希望让所有背景透明的用户来说，自动补全命令列表的背景颜色无法更改且绑定在 backgroundElement 上可能会很不方便。

One option is to make this configurable, but implementing that within this PR feels a bit excessive.一个选项是让它可配置，但在这个 PR 里实现感觉有点过头。 It might be better to address it in a separate PR after this one is merged.合并后，可能在另一个 PR 中处理会更好。

@knanao I'm pretty happy with how the PR looks now. and yes I do want as many boxes as possible to be transparent—if the behavior makes sense. That said, the behavior feels a bit odd? can you tell me what you think the expected behavior should be here?

@jensenojs
This occurs because the background of the prompt input(backgroundElement) and the autocomplete list are the same.
Initially, I considered calculating these colors as defaults from the configured theme, but since I thought the visibility and preference of these colors can vary depending on the user’s other settings, the background of the autocomplete list can be made optionally configurable as a workaround.

c107e3c is an example implementation of this approach.

{
...
  "theme": {
    "backgroundMenu": "#1c1c1c",
    ...
}

Merged in knanao's latest changes.

Hi, I'm encountering a problem regarding transparent themes.

A persistent black bar has started appearing above the status line (see screenshots). This setup worked perfectly in previous versions, but now this specific area remains opaque despite my theme config setting everything to transparent.

transparent.json

I've attached the "Before vs Now" screenshots and my theme.json for reproduction.

before

now

Could you please share a working theme.json reference that you use for full transparency?

@ariane-emory @knanao

Huh, what terminal is this in? I am not seeing it in iTerm2 on MacOS.

As requested, here is an example of a theme I currently use:

{
  "$schema": "https://opencode.ai/theme.json",
  "defs": {
    "dark_grey": "#27272a",
    "dark_fg": "#c9c7cd",
    "dark_gray00": "#18181a",
    "dark_gray01": "#1b1b1d",
    "dark_gray02": "#2a2a2d",
    "dark_gray05": "#757581",
    "dark_gray06": "#9998a8",
    "dark_gray07": "#c1c0d4",
    "dark_green": "#90b99f",
    "dark_purple": "#080010",
    "lavender": "#b9aeda",
    "lavenderish_pink": "#aca1cf",
    "medium_pink": "#ea83a5",
    "pale_green": "#9dc6ac",
    "pale_grey": "#c1c0d4",
    "light_orange": "#ffae9f",
    "pale_orange": "#f5a191",
    "pale_pink": "#e29eca",
    "pale_yellow": "#f0c5a9",
    "bright_yellow": "#dd0"
  },
  "theme": {
    "primary": "medium_pink",
    "secondary": "medium_pink",
    "accent": "lavenderish_pink",
    "error": "medium_pink",
    "warning": "pale_yellow",
    "success": "dark_green",
    "info": "lavenderish_pink",
    "text": "dark_fg",
    "textMuted": "pale_grey",
    "background": "none",
    "backgroundPanel": "dark_gray01",
    "backgroundElement": "dark_gray02",
    "border": "dark_gray02",
    "borderActive": "dark_gray01",
    "borderSubtle": "dark_gray00",
    "diffAdded": "dark_grey",
    "diffRemoved": "dark_grey",
    "diffContext": "dark_fg",
    "diffHunkHeader": "pale_pink",
    "diffHighlightAdded": "pale_green",
    "diffHighlightRemoved": "light_orange",
    "diffAddedBg": "dark_green",
    "diffRemovedBg": "pale_orange",
    "diffContextBg": "dark_gray00",
    "diffLineNumber": "diffContextBg",
    "diffAddedLineNumberBg": "dark_green",
    "diffRemovedLineNumberBg": "pale_orange",
    "markdownText": "dark_fg",
    "markdownHeading": "dark_gray06",
    "markdownLink": "lavenderish_pink",
    "markdownLinkText": "medium_pink",
    "markdownCode": "pale_green",
    "markdownBlockQuote": "dark_gray00",
    "markdownEmph": "pale_yellow",
    "markdownStrong": "light_orange",
    "markdownHorizontalRule": "markdownText",
    "markdownListItem": "lavenderish_pink",
    "markdownListEnumeration": "lavender",
    "markdownImage": "markdownLink",
    "markdownImageText": "markdownLinkText",
    "markdownCodeBlock": "dark_fg",
    "selectedListItemText": "dark_purple",
    "syntaxComment": "dark_gray05",
    "syntaxKeyword": "lavenderish_pink",
    "syntaxFunction": "dark_gray07",
    "syntaxVariable": "dark_fg",
    "syntaxString": "dark_green",
    "syntaxNumber": "pale_pink",
    "syntaxType": "pale_pink",
    "syntaxOperator": "pale_yellow",
    "syntaxPunctuation": "dark_gray06"
  }
}

Thanks! To answer your question, I'm using WezTerm.

I just loaded your ariane.json and it actually looks good on my setup

I'll stick with this theme as my daily driver for now. I might dig deeper into the code later to see if I can fix the transparency regression myself, but this is a great workaround. Thanks for sharing!

update :

seems fix now (

FYI
https://github.com/sst/opencode/pull/4574/commits/c107e3c376c23bfb812394ae1c0a9d3f5d41dcfc#r2553118965