Created
August 6, 2021 13:46
-
-
Save okkdev/0c253a988d5e36d6039c754d67134666 to your computer and use it in GitHub Desktop.
Vimium Theme
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
/* 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; | |
} | |
} | |
#vimiumHintMarkerContainer div.internalVimiumHintMarker, #vimiumHintMarkerContainer 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); | |
} | |
#vimiumHintMarkerContainer div span { | |
color: var(--foreground); | |
text-shadow: none; | |
} | |
#vimiumHintMarkerContainer div > .matchingCharacter { | |
opacity: 0.4; | |
} | |
#vimiumHintMarkerContainer div > .matchingCharacter ~ span { | |
color: hotpink; | |
} | |
#vomnibar { | |
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); | |
animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards; | |
} | |
@keyframes show { | |
0% { | |
transform: translateY(50px); | |
opacity: 0; | |
} | |
100% { | |
transform: translateY(0); | |
opacity: 1; | |
} | |
} | |
#vomnibar .vomnibarSearchArea, | |
#vomnibar input { | |
color: var(--foreground); | |
background: transparent; | |
border: none; | |
} | |
#vomnibar .vomnibarSearchArea { | |
padding: 10px 30px; | |
} | |
#vomnibar input { | |
padding: 0; | |
box-shadow: none; | |
} | |
#vomnibar ul { | |
padding: 0; | |
background: var(--background); | |
border-top: 1px solid #333; | |
} | |
#vomnibar li { | |
padding: 10px; | |
border-bottom: 1px solid #333; | |
} | |
#vomnibar li .vomnibarTopHalf, | |
#vomnibar li .vomnibarBottomHalf { | |
padding: 3px 0; | |
} | |
#vomnibar li .vomnibarSource { | |
color: #aaa; | |
} | |
#vomnibar li em, | |
#vomnibar li .vomnibarTitle { | |
color: #aaa; | |
} | |
#vomnibar li .vomnibarUrl { | |
color: #777; | |
} | |
#vomnibar li .vomnibarMatch { | |
color: hotpink; | |
font-weight: normal; | |
} | |
#vomnibar li .vomnibarTitle .vomnibarMatch { | |
color: hotpink; | |
} | |
#vomnibar li.vomnibarSelected { | |
background-color: #333; | |
} | |
div.vimiumHUD { | |
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); | |
} | |
div.vimiumHUD span#hud-find-input, | |
div.vimiumHUD .vimiumHUDSearchAreaInner { | |
color: var(--foreground); | |
} | |
div.vimiumHUD .hud-find { | |
background-color: transparent; | |
border: none; | |
} | |
div.vimiumHUD .vimiumHUDSearchArea { | |
background-color: transparent; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment