Created
August 17, 2018 14:42
-
-
Save giorgiogamberini/69e2ba8bcbe08a1a44e5ccebdced9b1a to your computer and use it in GitHub Desktop.
A Vimium dark vomnibar.css made to override the default one
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* 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