Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add dark theme #3738

Closed
Semro opened this issue Dec 27, 2020 · 4 comments
Closed

Add dark theme #3738

Semro opened this issue Dec 27, 2020 · 4 comments

Comments

@Semro
Copy link

Semro commented Dec 27, 2020

Since a lot of web pages have a dark theme it's good for Vimium to have that too. Opening vomnibar or help page on the dark page is painful.

@qx-775
Copy link

qx-775 commented Jan 2, 2021

It is already possible to theme Vimium.

Have you tried reading the wiki? It is possible to theme vimium using custom themes https://github.com/philc/vimium/wiki/Theme
There is a dark theme included. Just copy paste into the CSS pane, just go to Vimium options -> Show Advanced Options -> Paste in CSS for Vimium UI

@Semro
Copy link
Author

Semro commented Jan 2, 2021

Thank you!

There is another problem that I am encountering on GitHub dark layout. Vimium UI elements background are white:
image
OS: Windows 10
Browser: Chrome Version 87.0.4280.88 (Official Build) (64-bit)
Vimium 1.66

The solutions found so far:
Add style:

iframe.vimiumUIComponentVisible {
    color-scheme: none;
}

(what can't be done through Vimium custom CSS)

or with some other extension make the same change to the html element of the GitHub page.

@BachoSeven
Copy link

@Semro

Regarding the dark theme: in addition to the already present possibility for manual theming, this PR implemented a global dark mode for vimium which respects the CSS prefers-color-scheme: dark, set by the OS. The feature has not been released in a new version yet, but you use the master version.

Your second issue is the same as #3732, this comment has the solution as yours :)

Feel free to close this if your issue is solved.

@Semro Semro closed this as completed Jan 4, 2021
@J-Kappes
Copy link

J-Kappes commented Sep 8, 2023

I like the built in dark theme but I'd also like to resist fingerprinting. Is there an easy way to set it independently of prefers-color-scheme: dark? If not, could it be easily implemented?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants