diff options
| author | Adam <[email protected]> | 2025-12-31 14:20:21 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-12-31 14:20:21 -0600 |
| commit | 7f3a0b8e5c1fe664547e28e473d234d39921e248 (patch) | |
| tree | 01eba972d4e138f70197aff438c85a2f99d42e42 /packages | |
| parent | d4a2652eda926dbfa03878ef3e46e55ef53517ca (diff) | |
| download | opencode-7f3a0b8e5c1fe664547e28e473d234d39921e248.tar.gz opencode-7f3a0b8e5c1fe664547e28e473d234d39921e248.zip | |
fix(desktop): tooltip colors
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/app/src/components/prompt-input.tsx | 17 | ||||
| -rw-r--r-- | packages/app/src/components/session-context-usage.tsx | 6 | ||||
| -rw-r--r-- | packages/ui/src/components/tooltip.css | 4 |
3 files changed, 7 insertions, 20 deletions
diff --git a/packages/app/src/components/prompt-input.tsx b/packages/app/src/components/prompt-input.tsx index afa6538a2..38b80cc3b 100644 --- a/packages/app/src/components/prompt-input.tsx +++ b/packages/app/src/components/prompt-input.tsx @@ -1367,20 +1367,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => { variant="ghost" /> </TooltipKeybind> - <Tooltip - placement="top" - value={ - <div class="flex flex-col gap-1"> - <div class="flex items-center gap-2"> - <span>Choose model</span> - <span class="text-icon-base text-12-medium">{command.keybind("model.choose")}</span> - </div> - <Show when={local.model.current()?.provider.name}> - <span class="text-text-weak">{local.model.current()?.provider.name}</span> - </Show> - </div> - } - > + <TooltipKeybind placement="top" title="Choose model" keybind={command.keybind("model.choose")}> <Button as="div" variant="ghost" @@ -1393,7 +1380,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => { {local.model.current()?.name ?? "Select model"} <Icon name="chevron-down" size="small" /> </Button> - </Tooltip> + </TooltipKeybind> <Show when={local.model.variant.list().length > 0}> <TooltipKeybind placement="top" diff --git a/packages/app/src/components/session-context-usage.tsx b/packages/app/src/components/session-context-usage.tsx index 92dcd20d2..ece1f8695 100644 --- a/packages/app/src/components/session-context-usage.tsx +++ b/packages/app/src/components/session-context-usage.tsx @@ -38,15 +38,15 @@ export function SessionContextUsage() { <div class=""> <div class="flex items-center gap-2"> <span class="text-text-invert-strong">{ctx().tokens}</span> - <span class="text-text-invert-weak">Tokens</span> + <span class="text-text-invert-base">Tokens</span> </div> <div class="flex items-center gap-2"> <span class="text-text-invert-strong">{ctx().percentage ?? 0}%</span> - <span class="text-text-invert-weak">Usage</span> + <span class="text-text-invert-base">Usage</span> </div> <div class="flex items-center gap-2"> <span class="text-text-invert-strong">{cost()}</span> - <span class="text-text-invert-weak">Cost</span> + <span class="text-text-invert-base">Cost</span> </div> </div> } diff --git a/packages/ui/src/components/tooltip.css b/packages/ui/src/components/tooltip.css index 134de6f51..91096e211 100644 --- a/packages/ui/src/components/tooltip.css +++ b/packages/ui/src/components/tooltip.css @@ -9,7 +9,7 @@ } [data-slot="tooltip-keybind-key"] { - color: var(--icon-base); + color: var(--text-invert-base); font-size: var(--font-size-small); font-weight: var(--font-weight-medium); line-height: var(--line-height-large); @@ -20,7 +20,7 @@ max-width: 320px; border-radius: var(--radius-md); background-color: var(--surface-float-base); - color: var(--text-inverted-base); + color: var(--text-invert-strong); background: var(--surface-float-base); padding: 6px 12px; border: 1px solid var(--border-weak-base, rgba(0, 0, 0, 0.07)); |