commit e1a77d22b9d5cc5b2f105eead5ba6c3ba4bf62fb Author: Trollwut Date: Sat Dec 15 15:32:23 2018 +0100 Initial commit add preview image and some readme text feat: add CSS for the color scheme fix: use system font instead of a hardcoded one chore: add MIT license feat: rewrite readme for Dracula hub fix: avatar size Move screenshot and instructions to INSTALL file removed white bars which appeared in vimium v1.66 removed purple line in vomnibar border css for hud ('heads-up display') bar fix: use a nicer screenshot feat: add CSS link for easier copying diff --git a/INSTALL.md b/INSTALL.md new file mode 100644 index 0000000..7204b31 --- /dev/null +++ b/INSTALL.md @@ -0,0 +1,12 @@ +### [Vimium](https://vimium.github.io/) + +#### Install the browser extension + +* [Chrome](https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb) +* [Firefox](https://addons.mozilla.org/en-US/firefox/addon/vimium-ff/) + +#### Activating theme + +1. Go into the Vimium addon's preferences. +1. Activate *advanced options*. +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! diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..7c7971f --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2018 Dracula Theme + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..f025929 --- /dev/null +++ b/README.md @@ -0,0 +1,21 @@ +# Dracula for [Vimium](https://vimium.github.io/) + +> A dark theme for [Vimium](https://vimium.github.io/) + +![Screenshot](./screenshot.png) + +## Install + +All instructions can be found at [draculatheme.com/vimium](https://draculatheme.com/vimium). + +## Team + +This theme is maintained by the following person(s) and a bunch of [awesome contributors](https://github.com/dracula/vimium/graphs/contributors). + +| [![Trollwut](https://avatars1.githubusercontent.com/u/3462975?s=70&v=4)](https://github.com/Trollwut) | +| --- | +| [Trollwut](https://github.com/Trollwut) | + +## License + +[MIT License](./LICENSE) diff --git a/screenshot.png b/screenshot.png new file mode 100644 index 0000000..e054156 Binary files /dev/null and b/screenshot.png differ diff --git a/vimium-dracula.css b/vimium-dracula.css new file mode 100644 index 0000000..54241ba --- /dev/null +++ b/vimium-dracula.css @@ -0,0 +1,162 @@ +/* +Dracula theme for Vimium +by Trollwut (trollwut@trollwut.org). This code is in the public domain. +To use: + 1. Copy the code. + 2. Go to the Vimium options. + 3. Click Show Advanced Options. + 4. Under Advanced Options, scroll down to CSS for link hints. + 5. Paste the code in the text field. + 6. Click Save Changes. + 7. Go to the website of your choice (or, if you have it open already, reload it) and check out the results. +*/ + +/* Link hint boxes */ +div > .vimiumHintMarker { + background: #282a36; + font-size: 12px; + border: 0.25em solid #ffb86c; + border-radius: 0.34em; + box-shadow: 0em 0.1em 0.6em 0.1em rgba(0, 0, 0, 0.4); +} + +/* Link hint text */ +div > .vimiumHintMarker span { + color: #f8f8f2; + font-size: inherit; + text-shadow: none; +} + +/* Link hint matching characters */ +div > .vimiumHintMarker > .matchingCharacter { + color: #6272a4; +} + +/* HUD ("heads-up display") bar */ +div.vimiumHUD { + background: #282a36; + border: 1px solid #6272a4; +} + +div.vimiumHUD .vimiumHUDSearchArea { + background: #282a36; +} + +div.vimiumHUD .hud-find { + background: #282a36; + border: none; + color: #f8f8f2; +} + +div.vimiumHUD span#hud-find-input{ + color: #f8f8f2; /* 'Foreground' color */ +} + +div.vimiumHUD span#hud-match-count { + color: #6272a4; /* 'Comment' color */ +} + +div.vimiumHUD .vimiumHUDSearchAreaInner { + color: #6272a4; /* 'Comment' color */ +} + +#vomnibar{ + background-color: #44475A; +} + +#vomnibar input { + color: #f8f8f2; + font: -moz-window; + /*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/ + font-size: 20px; + height: 34px; + margin-bottom: 0; + padding: 4px; + background-color: #282a36; + border-radius: 3px; + border: 1px solid #6272a4; + box-shadow: #bd93f9 0px 0px 1px; + width: 100%; + outline: none; + box-sizing: border-box; +} + +#vomnibar .vomnibarSearchArea { + display: block; + padding: 10px; + background-color: #6272a4; + border-radius: 4px 4px 0 0; + border-bottom: 0px solid #bd93f9; +} + +#vomnibar ul { + background-color: #44475a; + border-radius: 0 0 4px 4px; + list-style: none; + padding-top: 0; + padding-bottom: 0; + margin-block-start: 2px; + margin-block-end: 0px; +} + +#vomnibar li { + border-bottom: 1px solid #6272a4; + line-height: 1.1em; + padding: 7px 10px; + font-size: 16px; + color: #f8f8f2; + position: relative; + display: list-item; + margin: auto; +} + +#vomnibar li .vomnibarBottomHalf { + font-size: 15px; + margin-top: 3px; + padding: 2px 0; +} + +#vomnibar li .vomnibarSource { + color: #bd93f9; + margin-right: 4px; +} +#vomnibar li .vomnibarRelevancy { + position: absolute; + right: 0; + top: 0; + padding: 5px; + background-color: #282a36; + color: #f8f8f2; + font-family: monospace; + width: 100px; + overflow: hidden; +} + +#vomnibar li .vomnibarUrl { + white-space: nowrap; + color: #50fa7b; +} + +#vomnibar li .vomnibarMatch { + font-weight: bold; + color: #ffb86c; +} + +#vomnibar li em, #vomnibar li .vomnibarTitle { + color: #f8f8f2; + margin-left: 4px; + font-weight: normal; +} +#vomnibar li em { font-style: italic; } +#vomnibar li em .vomnibarMatch, #vomnibar li .vomnibarTitle .vomnibarMatch { + color: #ffb86c; +} + +#vomnibar li.vomnibarSelected { + background-color: #6272a4; + font-weight: normal; +} + +#vomnibarInput::selection { + background-color: #8be9fd; +}