Skip to content

Commit 6352967

Browse files
rajbosCopilot
andcommitted
fix: use primary foreground color with opacity for auto badge
--text-secondary (vscode-descriptionForeground) is too dark in some dark themes. Switch to --text-primary (vscode-editor-foreground) at 55% opacity for both the border and text. VS Code guarantees the primary foreground color is always readable against the editor background, so this reliably produces visible but visually subtle badge text in any theme. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
1 parent 030e841 commit 6352967

File tree

1 file changed

+3
-2
lines changed

1 file changed

+3
-2
lines changed

vscode-extension/src/webview/usage/styles.css

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -362,8 +362,9 @@ background: var(--bg-tertiary);
362362
padding: 1px 5px;
363363
font-size: 10px;
364364
border-radius: 3px;
365-
border: 1px solid var(--text-secondary);
366-
color: var(--text-secondary);
365+
border: 1px solid var(--text-primary);
366+
color: var(--text-primary);
367+
opacity: 0.55;
367368
background: transparent;
368369
vertical-align: middle;
369370
line-height: 1.4;

0 commit comments

Comments
 (0)