├── screenshot.png ├── INSTALL.md ├── LICENSE ├── README.md └── vimium-dracula.css /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/vimium/HEAD/screenshot.png -------------------------------------------------------------------------------- /INSTALL.md: -------------------------------------------------------------------------------- 1 | ### [Vimium](https://vimium.github.io/) 2 | 3 | #### Install the browser extension 4 | 5 | * [Chrome](https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb) 6 | * [Firefox](https://addons.mozilla.org/en-US/firefox/addon/vimium-ff/) 7 | 8 | #### Activating theme 9 | 10 | 1. Go into the Vimium addon's preferences. 11 | 1. Activate *advanced options*. 12 | 1. Now copy the content of [`vimium-dracula.css`](https://raw.githubusercontent.com/dracula/vimium/master/vimium-dracula.css) into the custom CSS field. Done! 13 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2018 Dracula Theme 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Dracula for [Vimium](https://vimium.github.io/) 2 | 3 | > A dark theme for [Vimium](https://vimium.github.io/) 4 | 5 | ![Screenshot](./screenshot.png) 6 | 7 | ## Install 8 | 9 | All instructions can be found at [draculatheme.com/vimium](https://draculatheme.com/vimium). 10 | 11 | ## Team 12 | 13 | This theme is maintained by the following person(s) and a bunch of [awesome contributors](https://github.com/dracula/vimium/graphs/contributors). 14 | 15 | | [![Trollwut](https://avatars1.githubusercontent.com/u/3462975?s=70&v=4)](https://github.com/Trollwut) | 16 | | ----------------------------------------------------------------------------------------------------- | 17 | | [Trollwut](https://github.com/Trollwut) | 18 | 19 | ## Community 20 | 21 | - [Twitter](https://twitter.com/draculatheme) - Best for getting updates about themes and new stuff. 22 | - [GitHub](https://github.com/dracula/dracula-theme/discussions) - Best for asking questions and discussing issues. 23 | - [Discord](https://draculatheme.com/discord-invite) - Best for hanging out with the community. 24 | 25 | ## License 26 | 27 | [MIT License](./LICENSE) 28 | -------------------------------------------------------------------------------- /vimium-dracula.css: -------------------------------------------------------------------------------- 1 | /* 2 | Dracula theme for Vimium 3 | by Trollwut (trollwut@trollwut.org). This code is in the public domain. 4 | To use: 5 | 1. Copy the code. 6 | 2. Go to the Vimium options. 7 | 3. Click Show Advanced Options. 8 | 4. Under Advanced Options, scroll down to CSS for link hints. 9 | 5. Paste the code in the text field. 10 | 6. Click Save Changes. 11 | 7. Go to the website of your choice (or, if you have it open already, reload it) and check out the results. 12 | */ 13 | 14 | /* Link hint boxes */ 15 | div > .vimiumHintMarker { 16 | background: #282a36; 17 | font-size: 12px; 18 | border: 0.25em solid #ffb86c; 19 | border-radius: 0.34em; 20 | box-shadow: 0em 0.1em 0.6em 0.1em rgba(0, 0, 0, 0.4); 21 | } 22 | 23 | /* Link hint text */ 24 | div > .vimiumHintMarker span { 25 | color: #f8f8f2; 26 | font-size: inherit; 27 | text-shadow: none; 28 | } 29 | 30 | /* Link hint matching characters */ 31 | div > .vimiumHintMarker > .matchingCharacter { 32 | color: #6272a4; 33 | } 34 | 35 | /* HUD ("heads-up display") bar */ 36 | div.vimiumHUD { 37 | background: #282a36; 38 | border: 1px solid #6272a4; 39 | } 40 | 41 | div.vimiumHUD .vimiumHUDSearchArea { 42 | background: #282a36; 43 | } 44 | 45 | div.vimiumHUD .hud-find { 46 | background: #282a36; 47 | border: none; 48 | color: #f8f8f2; 49 | } 50 | 51 | div.vimiumHUD span#hud-find-input{ 52 | color: #f8f8f2; /* 'Foreground' color */ 53 | } 54 | 55 | div.vimiumHUD span#hud-match-count { 56 | color: #6272a4; /* 'Comment' color */ 57 | } 58 | 59 | div.vimiumHUD .vimiumHUDSearchAreaInner { 60 | color: #6272a4; /* 'Comment' color */ 61 | } 62 | 63 | #vomnibar{ 64 | background-color: #44475A; 65 | } 66 | 67 | #vomnibar input { 68 | color: #f8f8f2; 69 | font: -moz-window; 70 | /*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/ 71 | font-size: 20px; 72 | height: 34px; 73 | margin-bottom: 0; 74 | padding: 4px; 75 | background-color: #282a36; 76 | border-radius: 3px; 77 | border: 1px solid #6272a4; 78 | box-shadow: #bd93f9 0px 0px 1px; 79 | width: 100%; 80 | outline: none; 81 | box-sizing: border-box; 82 | } 83 | 84 | #vomnibar .vomnibarSearchArea { 85 | display: block; 86 | padding: 10px; 87 | background-color: #6272a4; 88 | border-radius: 4px 4px 0 0; 89 | border-bottom: 0px solid #bd93f9; 90 | } 91 | 92 | #vomnibar ul { 93 | background-color: #44475a; 94 | border-radius: 0 0 4px 4px; 95 | list-style: none; 96 | padding-top: 0; 97 | padding-bottom: 0; 98 | margin-block-start: 2px; 99 | margin-block-end: 0px; 100 | } 101 | 102 | #vomnibar li { 103 | border-bottom: 1px solid #6272a4; 104 | line-height: 1.1em; 105 | padding: 7px 10px; 106 | font-size: 16px; 107 | color: #f8f8f2; 108 | position: relative; 109 | display: list-item; 110 | margin: auto; 111 | } 112 | 113 | #vomnibar li .vomnibarBottomHalf { 114 | font-size: 15px; 115 | margin-top: 3px; 116 | padding: 2px 0; 117 | } 118 | 119 | #vomnibar li .vomnibarSource { 120 | color: #bd93f9; 121 | margin-right: 4px; 122 | } 123 | #vomnibar li .vomnibarRelevancy { 124 | position: absolute; 125 | right: 0; 126 | top: 0; 127 | padding: 5px; 128 | background-color: #282a36; 129 | color: #f8f8f2; 130 | font-family: monospace; 131 | width: 100px; 132 | overflow: hidden; 133 | } 134 | 135 | #vomnibar li .vomnibarUrl { 136 | white-space: nowrap; 137 | color: #50fa7b; 138 | } 139 | 140 | #vomnibar li .vomnibarMatch { 141 | font-weight: bold; 142 | color: #ffb86c; 143 | } 144 | 145 | #vomnibar li em, #vomnibar li .vomnibarTitle { 146 | color: #f8f8f2; 147 | margin-left: 4px; 148 | font-weight: normal; 149 | } 150 | #vomnibar li em { font-style: italic; } 151 | #vomnibar li em .vomnibarMatch, #vomnibar li .vomnibarTitle .vomnibarMatch { 152 | color: #ffb86c; 153 | } 154 | 155 | #vomnibar li.vomnibarSelected { 156 | background-color: #6272a4; 157 | font-weight: normal; 158 | } 159 | 160 | #vomnibarInput::selection { 161 | background-color: #8be9fd; 162 | } 163 | --------------------------------------------------------------------------------