vimium의 초점을 쉽게 볼 수 있습니다.

소개



이 CSS를 "CSS for Vimium UI"에 붙여 넣으면
스쿠쇼와 같은 색으로 포커스의 문자가 나오게 됩니다.

기본이라면 노란색 블록으로 나오기 때문에 조금 눈에 띄지 않을 것입니다.
검은 색으로 바꾸고, 문자의 색도 익숙한 색으로 변경했습니다.

변경할 위치는 다음 위치에 있습니다.
vimium > 옵션 > Advanced Options > CSS for Viumium UI

css


div > .vimiumHintMarker {
/* linkhint boxes */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565756),
color-stop(100%,#444444));
border: 1px solid #E4E4E4;
opacity: 1.0;
text-shadow: none !important;
}

div > .vimiumHintMarker span {
/* linkhint text */
text-shadow: -1px -1px 2px black, 1px -1px 2px black, -1px 1px 2px black, 1px 1px 2px black;
color: #33cccc;
font-size: 14px;
font-family: Overpass, "ヒラギノ角ゴ Pro", Avenir, sans-serif;
}

div > .vimiumHintMarker > .matchingCharacter {
color: #FF8700;
}

참고 이미지





경위



Firefox 업데이트로 오랫동안 신세를 낸 vimperator를 사용할 수 없게되어,
Vim Vixen 등 대략 플러그인을 복수 시험하고 있었습니다만,
원래 firefox에 멈출 필요성을 느끼지 않기 때문에
크롬으로 마이그레이션하려고 맞춤설정했습니다.

다음은 treetab의 대체 플러그인을 ...!

참고 URL


  • "Dark Theme" CSS for Chrome Vimium extension
  • Vimium - Chrome 웹 스토어
  • 이제 Vimperator 입문과 vimperatorrc 노출 - Qiita
  • 좋은 웹페이지 즐겨찾기