Skip to content

Instantly share code, notes, and snippets.

@confluencepoint
Forked from nerdius/vimium-arc-dark.css
Created September 27, 2021 07:31
Show Gist options
  • Select an option

  • Save confluencepoint/855a563004fa202e8dd8f2bf14625221 to your computer and use it in GitHub Desktop.

Select an option

Save confluencepoint/855a563004fa202e8dd8f2bf14625221 to your computer and use it in GitHub Desktop.
Arc Dark theme for styling Vimium link hints
/*
Arc Dark theme for styling Vimium link hints
By Giorgi Gzirishvili (@giogziro95). This code is in the public domain.
To use:
1. Copy the code.
2. Go to the Vimium options.
3. Click Show Advanced Options.
4. Under Advanced Options, scroll down to CSS for link hints.
5. Paste the code in the text field.
6. Click Save Changes.
7. Go to the website of your choice (or, if you have it open already, reload it) and check out the results.
*/
/* Arc Dark theme */
/* Link hint boxes */
div > .vimiumHintMarker {
background: #383c4a;
font-size: 12px;
border: 0.25em solid #383c4a;
border-radius: 0.68em;
box-shadow: 0em 0.1em 0.6em 0.1em rgba(0, 0, 0, 0.4);
}
/* Link hint text */
div > .vimiumHintMarker span {
color: #e2e3e7;
font-size: inherit;
text-shadow: none;
}
/* Link hint matching characters */
div > .vimiumHintMarker > .matchingCharacter {
color: #5294e2;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment