Vimium Theme

vimium.css

/* Modified Simply Dark to switch theme based on host. https://github.com/ysjn/vimium-simply-dark */

:root {
  --background: #444;
  --foreground: #fff;
}

@media (prefers-color-scheme: light) {
  :root {
    --background: #fafaff;
    --foreground: #444;
  }
}

#vimium-hint-marker-container div.internal-vimium-hint-marker, #vimium-hint-marker-container div.vimiumHintMarker {
  padding: 3px 4px;
  background: var(--background);
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

#vimium-hint-marker-container div span {
  color: var(--foreground);
  text-shadow: none;
}

#vimium-hint-marker-container div > .matchingCharacter {
  opacity: 0.4;
}

#vimium-hint-marker-container div > .matchingCharacter ~ span {
  color: hotpink;
}