Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
A Vimium dark vomnibar.css made to override the default one
/**
* A Vimium (https://github.com/philc/vimium) dark vomnibar.css made to override the default one: useful when you're using
* the Dark Reader Chrome extension (https://github.com/darkreader/darkreader)
*
* @author giorgio[giorgiogamberini] on 20180817: enjoy ;)
*/
/* Vomnibar Dark CSS */
#vomnibar {
display: block;
position: fixed;
width: calc(100% - 20px); /* adjusted to keep border radius and box-shadow visible*/
/*min-width: 400px;
top: 70px;
left: 50%;*/
top: 8px;
left: 8px;
/*margin: 0 0 0 -40%;*/
font-family: sans-serif;
background: rgb(88, 88, 88);
text-align: center;
border-radius: 4px;
box-shadow: 0px 2px 8px rgba(255, 255, 255, 0.4);
border: 1px solid #4c4c4c;
z-index: 2139999999; /* One less than hint markers and the help dialog (see ../content_scripts/vimium.css). */
}
#vomnibar input {
color: rgb(230, 230, 230);
font-family: 'Open Sans', Helvetica Neue, Arial, sans-serif;
font-size: 28px;
height: 44px;
margin-bottom: 0;
padding: 4px;
background-color: rgb(34, 44, 53);
border-radius: 3px;
border: 1px solid #8e8e8e;
box-shadow: #444 0px 0px 1px;
width: 100%;
outline: none;
box-sizing: border-box;
}
#vomnibar .vomnibarSearchArea {
display: block;
padding: 10px;
background-color: rgb(90, 90, 90);
border-radius: 4px 4px 0 0;
border-bottom: 1px solid rgb(101, 104, 109);
}
#vomnibar ul {
background-color: rgb(88, 91, 94);
border-radius: 0 0 4px 4px;
list-style: none;
padding: 10px 0;
padding-top: 0;
}
#vomnibar li {
border-bottom: 1px solid #ddd;
line-height: 1.1em;
padding: 7px 10px;
font-size: 16px;
color: black;
position: relative;
display: list-item;
margin: auto;
}
#vomnibar li:last-of-type {
border-bottom: none;
}
#vomnibar li .vomnibarTopHalf, #vomnibar li .vomnibarBottomHalf {
display: block;
overflow: hidden;
}
#vomnibar li .vomnibarBottomHalf {
font-size: 15px;
margin-top: 3px;
padding: 2px 0;
}
#vomnibar li .vomnibarIcon {
background-position-y: center;
background-size: 16px;
background-repeat: no-repeat;
padding-left: 20px;
}
#vomnibar li .vomnibarSource {
color: rgb(167, 167, 167);
margin-right: 4px;
}
#vomnibar li .vomnibarRelevancy {
position: absolute;
right: 0;
top: 0;
padding: 5px;
background-color: rgb(88, 91, 94);
color: black;
font-family: monospace;
width: 100px;
overflow: hidden;
}
#vomnibar li .vomnibarUrl {
white-space: nowrap;
color: #b6d1ff;
}
#vomnibar li .vomnibarMatch {
font-weight: bold;
color: rgb(255, 255, 255);
}
#vomnibar li em, #vomnibar li .vomnibarTitle {
color: rgb(255, 255, 255);
margin-left: 4px;
font-weight: normal;
}
#vomnibar li em { font-style: italic; }
#vomnibar li em .vomnibarMatch, #vomnibar li .vomnibarTitle .vomnibarMatch {
color: rgb(216, 216, 216);
}
#vomnibar li.vomnibarSelected {
background-color: #5e6773;
font-weight: normal;
}
#vomnibarInput::selection {
/* This is the light grey color of the vomnibar border. */
/* background-color: #F1F1F1; */
/* This is the light blue color of the vomnibar selected item. */
/* background-color: #BBCEE9; */
/* This is a considerably lighter blue than Vimium blue, which seems softer
* on the eye for this purpose. */
/* background-color: #E6EEFB; */
background-color: #6a839c;
}
.vomnibarInsertText {
}
.vomnibarNoInsertText {
visibility: hidden;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.