diff --git a/src/vs/workbench/contrib/void/browser/react/src/util/inputs.tsx b/src/vs/workbench/contrib/void/browser/react/src/util/inputs.tsx index 78a2fcb9..6381867b 100644 --- a/src/vs/workbench/contrib/void/browser/react/src/util/inputs.tsx +++ b/src/vs/workbench/contrib/void/browser/react/src/util/inputs.tsx @@ -818,19 +818,22 @@ export const VoidInputBox2 = forwardRef(fun key={o.fullName} className={` flex items-center gap-2 - px-3 py-1 cursor-pointer bg-void-bg-2-alt - ${oIdx === optionIdx ? 'bg-void-bg-2-hover' : ''} + px-3 py-1 cursor-pointer + ${oIdx === optionIdx ? 'bg-blue-500 text-white/80' : 'bg-void-bg-2-alt text-void-fg-1'} `} onClick={() => { onSelectOption(); }} onMouseMove={() => { setOptionIdx(oIdx) }} > {} - {o.abbreviatedName} - {o.fullName && o.fullName !== o.abbreviatedName && {o.fullName}} + {o.abbreviatedName} + + {o.fullName && o.fullName !== o.abbreviatedName && {o.fullName}} + {o.nextOptions || o.generateNextOptions ? ( ) : null} + ) }) @@ -1379,7 +1382,7 @@ export const VoidCustomDropdownBox = >({ key={optionName} className={`flex items-center px-2 py-1 pr-4 cursor-pointer whitespace-nowrap transition-all duration-100 - ${thisOptionIsSelected ? 'bg-void-bg-2-hover' : 'bg-void-bg-2-alt hover:bg-void-bg-2-hover'} + ${thisOptionIsSelected ? 'bg-blue-500 text-white/80' : 'hover:bg-blue-500 hover:text-white/80'} `} onClick={() => { onChangeOption(option); @@ -1401,7 +1404,7 @@ export const VoidCustomDropdownBox = >({ {optionName} - {optionDetail} + {optionDetail} );