Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

When searching, the highlighted text can become unreadable if it is a comment.

Open
  • Is something wrong?
#283 2 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
42/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
vscode
Domain
design

Research direction

Reproduce the issue in Visual Studio Code using the reported Dracula Theme Soft variant and the five search scenarios described in the issue, comparing page and project search over highlighted comment text. Trace the theme's search and selection colors from the repository configuration. Done means searched text remains readable and the overlapping highlights have consistent, legible contrast.

Written by the indexing model from the issue text.

Description

Version: 1.107.0 (user setup)
Commit: 618725e67565b290ba4da6fe2d29f8fa1d4e3622
Date: 2025-12-10T07:43:47.883Z
Electron: 39.2.3
ElectronBuildId: 12895514
Chromium: 142.0.7444.175
Node.js: 22.21.1
V8: 14.2.231.21-electron.0
OS: Windows_NT x64 10.0.26100

Dracula Theme Official: 2.25.1
Variant: Dracula Theme Soft

Language used in example: PHP
Font: Fira Code

When searching and highlighting there are scenarios where I cannot read the text, in particular for me it is when the text being searched for is a comment.

Below I have gone through some easy to follow steps to outline the issue.

Tanks

Step 1) Normal Text Highlight

Just text selected with the mouse
Image

Step 2) I now do a page search

I now do a page search for as you cannot really delete

Image

In the image below you can see 3 areas and3 different colours. delete is almost unreadable.

  • information and set blocked = part of the original text highlight but not part of the page search
  • as you cannot really = part of the original text highlight and now highlighted by the page search
  • delete = NOT part of the original text highlight and now highlighted by the page search
Image
Step 3) I now do a project search

I now do a page search for cannot really delete and of course the page search is still enabled from above.

Image

There appears to be 2 different colour variants of the search highlighting here, but I am not sure why.

both the grey (as you)and orange are readable (cannot really delete) but I would say the orange looks like it has been greyed a little.

Image

The first part is a murky orange and cannot be read (as you), the next section is a vibrant orange and is easily read (cannot really delete)
Image

Step 4) Page search only

This is a page search only for as you cannot really delete. As you can see the text is not readable.

Image
Step 5) Project search only

This is a project search only for as you cannot really delete. As you can see the text is not readable.

Image
Dominant language
JavaScript
Stars
879
Forks
224
Avg merge
1d 8h
Merged PRs (30d)
1

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from dracula/visual-studio-code

All issues in dracula/visual-studio-code

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.