Vimium: Custom CSS not applied to new pages

[d3ddd]

I have some custom CSS set (which is a much appreciated feature) but there are times when the default styles are still applied until I reload the page.

Steps to reproduce the behavior (90% consistent):

1. Press 't' to open a new tab
2. Type in a search and hit enter
3. Press 'f' for link hints

Since it only seems to happen on a new page and not every single time, maybe there's something happening while things are loading or initializing?

With custom CSS:

Custom CSS not being applied:

Chrome: 79.0.3945.88
Vimium: 1.64.6
macOS: 10.15.2

[gdh1995]

Seems a duplicate of #3418 and would be worked around by #3421.

[d3ddd]

I saw that issue but thought this might be different since it's not involving iframes? I'm happy to close this if it's the same thing.

[gdh1995]

If I remembered it correctly, when I tested the old issue I also reproduced it on single-frame pages, and the PR does not deal with iframes differently.

Update: maybe I need to do more tests, so I'll investigate more in days.

[travankor]

I run into this issue, too.

[parogen]

Still running into this issue

[He4eT]

I regularly encounter this problem too :c

[duckyb]

@gdh1995 adding onto this issue;

I think the style for the background of the searched text is broken, i tried both color and background-color and nothing changed.

[sebastian-65]

Custom CSS seems to be ignored completely in my case (Vivaldi 3.3, Xubuntu 16.04.3).

Since there are troubles with custom CSS, is it possible to somehow replace / overwrite the default one?

[0x462e41]

I'm experiencing the same issue, and it's really annoying to have to reload each new tab to temporarily fix it. Has anyone found a way to make it work and always load the custom CSS instead of the default one? Thanks

[0x462e41]

I found a workaround. As @sebastian-65 thought, by overwriting the default configuration I managed to fix it. It's not ideal, but get the job done for now.

In the file "$XDG_CONFIG_HOME/chromium/Default/Extensions///content_scripts/vimium.css" I changed the attributes of "div.internalVimiumHintMarker", "div.internalVimiumHintMarker span" and "div.internalVimiumInputHint" to match my custom CSS "hint" configuration. Even though I have lots of stuff in my custom CSS, the issue only affects the hint, so that was all I had to change.

Hope this helps someone.

[sebastian-65]

I'm glad to hear you've made it @0x462e41!

I'm definitely gonna try it in couple of days. Thank you for your investigation!