philc / vimium

The hacker's browser.
https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb
MIT License
23.54k stars 2.49k forks source link

Feature request: Styling of omnibar #3116

Open Kacmaz opened 6 years ago

Kacmaz commented 6 years ago

Custom CSS to change the omnibar's size, design and position. A field like "CSS for Vimium UI" could be added to options.

marcotc commented 6 years ago

We can almost use something like Stylus to apply arbitrary CSS styles to the omnibar.

Unfortunately, it seems like a user style doesn't have access to style a browser extension's iframe. Manually adding the styles using the developer console actually yields pretty nice results, but like I said, it doesn't stick:

stylus-vimium

The CSS used above, just for reference:

#vomnibar {
   filter: sepia(5%) invert(90%);
   box-shadow: 0px 2px 10px white;
}
elenapan commented 5 years ago

For Firefox users: I put the above CSS snippet in my userContent.css and it works permanently and in every page!