sVim styles

.sVim.css

/*            _
  ___/\   /(_)_ __ ___   ___ ___ ___
 / __\ \ / / | '_ ` _ \ / __/ __/ __|
 \__ \\ V /| | | | | | | (__\__ \__ \
 |___/ \_/ |_|_| |_| |_|\___|___/___/

 @author      : Artem Medvedev
 @link        : https://gist.github.com/dotiful/b2b2e0344fe4ea3ff9a0cdc7bad5a51f
 @description : Safari extension with shortcuts similar to Vim

 vim: set ft=css
*/

.sVim-hint {
  background: initial;
  background-color: #3a5f82;
  color: #fff;
  font-size: 9pt;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,Arial, sans-serif;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 2px;
  border: solid 3px #3a5f82;
  border-radius: 3px;
  padding: 0px 2px 0px 2px;
  opacity: 1;
  transition: .2s;
}

.sVim-hint.sVim-hint-focused:first-letter {
  color: #b1b1b1;
}

.sVim-hint.sVim-hint-hidden {
  opacity: 0;
}

/*.sVim-hint.sVim-hint-focused {
  
}*/

/*.sVim-hint.sVim-hint-form {
    
}*/

help.md

sVim is a Safari extension with shortcuts similar to Vim

sVimrc settings

Get it

• Install from Safari Extensions gallery
• Download from GitHub repo

Link Hints