Skip to content

Commit f1e7a55

Browse files
rcosta358codex
andauthored
Improve binder underlines and hover styling (#153)
## Description Match clickable binder underline colors to their text and show a subtle tint of the selected background when hovering over a binder. Keep source-highlight underlines dotted on hover. <img width="408" height="161" alt="image" src="https://github.com/user-attachments/assets/17e21380-f29d-45df-b7a2-2ec574149e36" /> Validated with a production extension build and independent review of the split. 🤖 Generated with [Codex](https://openai.com/codex/) --------- Co-authored-by: Codex <noreply@openai.com>
1 parent 0dff861 commit f1e7a55

1 file changed

Lines changed: 6 additions & 1 deletion

File tree

‎client/src/webview/styles.ts‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -826,7 +826,12 @@ export function getStyles(): string {
826826
}
827827
.highlight-var-btn.clickable:hover {
828828
font-weight: inherit;
829-
text-decoration-style: solid;
829+
}
830+
.vc-binder.highlight-var-btn:not(.selected):hover {
831+
background-color: color-mix(in srgb, var(--vscode-button-background) 35%, transparent);
832+
}
833+
.vc-binder.highlight-var-btn.clickable {
834+
text-decoration-color: currentColor;
830835
}
831836
.vc-binder.highlight-var-btn.selected {
832837
color: var(--lj-token-identifier);

0 commit comments

Comments
 (0)