philc / philc/vimium

Vomnibar styling delay (custom css)

Open
#3,790 1 comment 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
27k
Forks
2.6k
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
When first loading the browser (Firefox), the vomnibar flashes white as it switches from light to dark mode (my custom css).
This might happen, because the CSS for the vomnibar doesn't load the css quick enough?

The rest of the HUD and the link-hints don't have any problems with this. They apply the right styling right away.

To Reproduce
Steps to reproduce the behavior:

  1. Open Firefox with custom css loaded
  2. Open vomnibar

Include a screenshot if applicable.
Video of flashing vomnibar

Browser and Vimium version
If you're using Firefox, report the Firefox and OS version found at about:support. Also include the Vimium version found at about:addons.
Vimium: Version 1.66
Firefox: Version 86.0.1

Contributor guide

Open the contributing guide

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.

Research direction

Start by reproducing the flash in Firefox with the linked custom CSS, opening the vomnibar as described. Compare its styling load timing with the HUD and link-hints, then trace the vomnibar entry point and related styles. Done means the vomnibar opens directly with the custom dark styling without a white flash.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.