Skip to content

Instantly share code, notes, and snippets.

@tuxedocat
Forked from mikowl/nord-vimium.css
Last active October 13, 2022 04:50
Show Gist options
  • Save tuxedocat/3d28cfa77e99e04ded95517e366b8b73 to your computer and use it in GitHub Desktop.
Save tuxedocat/3d28cfa77e99e04ded95517e366b8b73 to your computer and use it in GitHub Desktop.
Nord Vimium Theme
/* Nord Vomnibar CSS */
/* Installation: Open Vimium Options -> Click "Show Advanced Options" and paste this into the CSS for Vimium UI text area. */
/* Nord Colors
#2e3440
#3b4252
#434c5e
#4c566a
#d8dee9
#e5e9f0
#eceff4
#8fbcbb
#88c0d0
#81a1c1
#5e81ac
#bf616a
#d08770
#ebcb8b
#a3be8c
#b48ead
*/
#vomnibar ol,
#vomnibar ul {
list-style: none;
display: none;
}
#vomnibar {
background: rgba(46, 52, 68, 0.9);
color: #e5e9f0;
border-radius: 4px;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
border: none;
}
#vomnibar input {
color: #e5e9f0;
font-size: 24px;
height: auto;
margin-bottom: 0;
padding: 15px;
background-color: unset;
border-radius: 3px;
border: none;
box-shadow: none;
}
#vomnibar .vomnibarSearchArea {
padding: 0;
background-color: unset;
border-radius: 4px 4px 0 0;
border-bottom: none;
}
#vomnibar ul {
background-color: rgba(76, 86, 106, 0.8);
}
#vomnibar li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #e5e9f0;
}
#vomnibar li.vomnibarSelected {
background-color: rgba(136, 192, 208, 1);
}
#vomnibar li .vomnibarSource {
color: #d8dee9;
}
#vomnibar li em,
#vomnibar li .vomnibarTitle {
color: #eceff4;
}
#vomnibar li .vomnibarUrl {
color: #88c0d0;
}
#vomnibar li .vomnibarMatch {
color: #ebcb8b;
}
#vomnibar li em .vomnibarMatch,
#vomnibar li .vomnibarTitle .vomnibarMatch {
color: #ebcb8b;
}
#vomnibar li.vomnibarSelected .vomnibarSource {
color: #4c566a;
}
#vomnibar li.vomnibarSelected em,
#vomnibar li.vomnibarSelected .vomnibarTitle {
color: #3b424f;
}
#vomnibar li.vomnibarSelected .vomnibarUrl {
color: #4c566a;
}
#vomnibar li.vomnibarSelected .vomnibarMatch {
color: #2e3440;
}
/* Hint Markers */
div > .internalVimiumHintMarker.vimiumHintMarker {
font-size: 12px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 5px;
box-shadow: 0em 0.1em 0.6em 0.1em rgba(128, 128, 128, 0.2);
padding: 2px 4px;
}
/* Link hint text */
div > .internalVimiumHintMarker.vimiumHintMarker span {
color: #3b4252;
font-size: inherit;
text-shadow: none;
}
/* Link hint matching characters */
div > .internalVimiumHintMarker.vimiumHintMarker > .matchingCharacter {
color: #2e3440;
}
/* Dark Markers */
/* Remove everything from here below if you prefer light markers */
div > .internalVimiumHintMarker.vimiumHintMarker {
background: #3b4252;
font-size: 12px;
border: none;
border-radius: 5px;
box-shadow: 0em 0.1em 0.6em 0.1em rgba(0, 0, 0, 0.2);
padding: 2px 4px;
}
/* Link hint text */
div > .internalVimiumHintMarker.vimiumHintMarker span {
color: #eceff4;
font-size: inherit;
text-shadow: none;
}
/* Link hint matching characters */
div > .internalVimiumHintMarker.vimiumHintMarker > .matchingCharacter {
color: #fff;
}
/* Active hint marker text (when link-hint-filtering is enabled) */
div > .internalVimiumHintMarker.vimiumHintMarker.vimiumActiveHintMarker > span {
color: #88c0d0 !important ;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment