Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hints have become unreadable (no contrast between background/foreground colors) when using Dark Reader

See original GitHub issue



  • Have you searched your problem in issues?

Yes, I don’t think it is related to #1343.

Error details

When using Surfingkeys in combination with Dark Reader in dark mode, hints have become unreadable (I’m suspecting this occurred after an update to Dark Reader).

Current look with Dark Reader enabled for this site: 2022-02-06-125014_1920x1080_scrot

Current look with Dark Reader disabled for this site:: 2022-02-06-125052_1920x1080_scrot

SurfingKeys: 1.0.3

Browser: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.80 Safari/537.36

URL: <The_URL_Where_You_Find_The_Issue>


I first noticed the problem in the middle of a browsing session with Chromium. One moment the hints were readable, the next (after opening a new browser window) they weren’t. I next tried with Chromium with a fresh temporary user data dir (profile), and installed just Surfingkeys and Dark Reader extensions, in this sequence. The odd thing is right after installing Dark Reader, Surfingkeys hints are still visible in all existing tabs and windows, but as soon as I open a new tab and browse to some site in it, hints become unreadable.

A simple script which I used to reproduce using a clean Chromium profile::


    # Surfingkeys
    # Dark Reader

error() {
    echo "$*" >&2
    exit 1

# tmpdir=$(mktemp -d) || error "Cannot create temporary directory"
mkdir -p "$tmpdir"
chromium --user-data-dir="$tmpdir" "${extensions[@]}"
# rm -rf "$tmpdir"

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:1
  • Comments:8 (1 by maintainers)

github_iconTop GitHub Comments

lmburnscommented, Feb 7, 2022

@chalop Thank you, that worked for me as well. But now, when pressing v the hint background is white and some characters are a different shade of white while others are blue. I use the f functionality more, so it is alright. It’d just be nice to have control over both, and I’m sure there is some way to change it

Edit: I actually found the answer in the api documentation
  "padding: 1px; color:#efe1eb; background: none; background-color: #b16286"
  "div{color:#efe1eb; background: none; background-color: #e78a4e;} div.begin{color:#ea6962;}",

Those colors don’t look good, but it involves setting both of them. The first is for f, the second is for v

az-pzcommented, Mar 10, 2022

This issue has been fixed in darkreader ( It’s not available until the next version is released in browser app stores. You can run master branch build of darkreader if you want to use it immediately.

Read more comments on GitHub >

github_iconTop Results From Across the Web

To-Do background color 'ignores' Chrome Dark Reader ...
My set-up: MacOS 12.1 Chrome Dark Reader (Chrome extension that enables night mode for websites on-the-fly) I use To-Do in browser.
Read more >
Accessibility contrast requirements explained and how to fix 5 ...
A complete guide to WCAG 2.0 contrast accessibility requirements and contrast tools with examples to help you apply it to your own website....
Read more >
Color Contrast Tutorial | Web Accessibility
In general, light colored text should have a dark background and dark colored text should have a light background. This covers text in...
Read more >
Help – Dark Reader
Before loading a website, Chrome shows the theme background color by default. We recommend installing a dark theme from the store. The extension...
Read more >
Android - Dark mode issue: black text on dark background
Go to your activity_main.xml and set the textColor attributes of the TextViews whose colors remain black to
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found