Vimium is awesome, HNTP is awesome, too. but vimium cann't run on the HNTP tabpage. so, I merge them, let they works well. Finally, it looks like this:
- Download VimiumTabpage.crx to your computer.
- Open chrome extensions page:
chrome://extensions/( ormenu > More tools > Extensions) - Enable
Developer Mode( toggle button in top-right corner ), and PressF5refresh the page. - Drag the VimiumTabpage.crx extension file ( crx file should likely be in your Downloads directory ), and Drop it into the Extensions window to install.
optionalDisableDeveloper mode
git clone https://github.com/wishrivers/VimiumTabpage.git
git submodule init
git submodule update- Open chrome extensions page:
chrome://extensions( ormenu > More tools > Extensions) - Enable
Developer Mode( toggle button in top-right corner ) - click
Load unpacked, select the VimiumTabpage dir path: /path/to/VimiumTabpage optionalDisableDeveloper mode
Vimium > options > Advanced Options > CSS for Vimium UI:
div > .vimiumHintMarker {
background: #111111 !important;
border: 1px solid #222222;
padding: 2px 5px 0px 5px;
}
div > .vimiumHintMarker span {
color: deepskyblue;
font-size: 14px;
font-weight: normal;
padding-right: 1px;
}
div > .vimiumHintMarker > .matchingCharacter {
color: red;
font-size: 25px;
font-weight: bold;
padding-right: 2px;
}if you donn't like the Blue Dark Theme, comment or delete these lines:
- VimiumTabpage/vimium/pages/vomnibar.html:
<link rel="stylesheet" type="text/css" href="../vimtab/vomnibar-blue.css" />
- VimiumTabpage/HumbleNewTabPage/newtab.html:
<link rel="stylesheet" type="text/css" href="../vimium/vimtab/tabpage-linkhint-blue.css" />
Options > Appearance > Background image - Choose file
open a new tab, and then click the small 🔧wrench icon in the upper-right corner of the page to access the Options.
