Skip to content

Instantly share code, notes, and snippets.

@tuxedocat

tuxedocat/nord-vimium.css

Forked from mikowl/nord-vimium.css
Last active October 13, 2022 04:50
Show Gist options
  • Save tuxedocat/3d28cfa77e99e04ded95517e366b8b73 to your computer and use it in GitHub Desktop.
Save tuxedocat/3d28cfa77e99e04ded95517e366b8b73 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. tuxedocat revised this gist Apr 22, 2020. 3 changed files with 0 additions and 0 deletions.
    Binary file added preview-filtered-hints.png
    View file
    Loading
    Sorry, something went wrong. Reload?
    Sorry, we cannot display this file.
    Sorry, this file is invalid so it cannot be displayed.
    Binary file added preview-hints.png
    View file
    Loading
    Sorry, something went wrong. Reload?
    Sorry, we cannot display this file.
    Sorry, this file is invalid so it cannot be displayed.
    Binary file added preview-vomnibar.png
    View file
    Loading
    Sorry, something went wrong. Reload?
    Sorry, we cannot display this file.
    Sorry, this file is invalid so it cannot be displayed.
  2. tuxedocat revised this gist Apr 22, 2020. 1 changed file with 56 additions and 26 deletions.
    82 changes: 56 additions & 26 deletions nord-vimium.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,21 +1,44 @@
    /* Nord Vomnibar CSS */
    /* Installation: Open Vimium Options -> Click "Show Advanced Options" and paste this into the CSS for Vimium UI text area. */

    #vomnibar ol, #vomnibar ul {
    /* Nord Colors
    #2e3440
    #3b4252
    #434c5e
    #4c566a
    #d8dee9
    #e5e9f0
    #eceff4
    #8fbcbb
    #88c0d0
    #81a1c1
    #5e81ac
    #bf616a
    #d08770
    #ebcb8b
    #a3be8c
    #b48ead
    */

    #vomnibar ol,
    #vomnibar ul {
    list-style: none;
    display: none;
    }

    #vomnibar {
    background: rgba(46, 52, 68, 0.9);
    color: #E5E9F0;
    color: #e5e9f0;
    border-radius: 4px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    border: none;
    }

    #vomnibar input {
    color: #E5E9F0;
    color: #e5e9f0;
    font-size: 24px;
    height: auto;
    margin-bottom: 0;
    @@ -38,76 +61,78 @@
    }

    #vomnibar li {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #E5E9F0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #e5e9f0;
    }

    #vomnibar li.vomnibarSelected {
    background-color: rgba(136, 192, 208, 1);
    }

    #vomnibar li .vomnibarSource {
    color: #D8DEE9;
    color: #d8dee9;
    }

    #vomnibar li em, #vomnibar li .vomnibarTitle {
    color: #ECEFF4;
    #vomnibar li em,
    #vomnibar li .vomnibarTitle {
    color: #eceff4;
    }

    #vomnibar li .vomnibarUrl {
    color: #88C0D0;
    color: #88c0d0;
    }

    #vomnibar li .vomnibarMatch {
    color: #EBCB8B;
    color: #ebcb8b;
    }

    #vomnibar li em .vomnibarMatch, #vomnibar li .vomnibarTitle .vomnibarMatch {
    color: #EBCB8B;
    #vomnibar li em .vomnibarMatch,
    #vomnibar li .vomnibarTitle .vomnibarMatch {
    color: #ebcb8b;
    }

    #vomnibar li.vomnibarSelected .vomnibarSource {
    color: #4C566A;
    color: #4c566a;
    }

    #vomnibar li.vomnibarSelected em, #vomnibar li.vomnibarSelected .vomnibarTitle {
    color: #3B424F;
    #vomnibar li.vomnibarSelected em,
    #vomnibar li.vomnibarSelected .vomnibarTitle {
    color: #3b424f;
    }

    #vomnibar li.vomnibarSelected .vomnibarUrl {
    color: #4C566A;
    color: #4c566a;
    }

    #vomnibar li.vomnibarSelected .vomnibarMatch {
    color: #2E3440;
    color: #2e3440;
    }

    /* Light Markers */
    /* Hint Markers */
    div > .internalVimiumHintMarker.vimiumHintMarker {
    background: #EBCB8B;
    font-size: 12px;
    border: 1px solid rgba(0,0,0,0.15)
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    box-shadow: 0em 0.1em 0.6em 0.1em rgba(0, 0, 0, 0.2);
    box-shadow: 0em 0.1em 0.6em 0.1em rgba(128, 128, 128, 0.2);
    padding: 2px 4px;
    }

    /* Link hint text */
    div > .internalVimiumHintMarker.vimiumHintMarker span {
    color: #3B4252;
    color: #3b4252;
    font-size: inherit;
    text-shadow: none;
    }

    /* Link hint matching characters */
    div > .internalVimiumHintMarker.vimiumHintMarker > .matchingCharacter {
    color: #2E3440;
    color: #2e3440;
    }

    /* Dark Markers */
    /* Remove everything from here below if you prefer light markers */
    div > .internalVimiumHintMarker.vimiumHintMarker {
    background: #5E81AC;
    background: #3b4252;
    font-size: 12px;
    border: none;
    border-radius: 5px;
    @@ -117,12 +142,17 @@ div > .internalVimiumHintMarker.vimiumHintMarker {

    /* Link hint text */
    div > .internalVimiumHintMarker.vimiumHintMarker span {
    color: #ECEFF4;
    color: #eceff4;
    font-size: inherit;
    text-shadow: none;
    }

    /* Link hint matching characters */
    div > .internalVimiumHintMarker.vimiumHintMarker > .matchingCharacter {
    color: #FFF;
    color: #fff;
    }

    /* Active hint marker text (when link-hint-filtering is enabled) */
    div > .internalVimiumHintMarker.vimiumHintMarker.vimiumActiveHintMarker > span {
    color: #88c0d0 !important ;
    }
  3. @mikowl mikowl created this gist Jul 5, 2019.
    128 changes: 128 additions & 0 deletions nord-vimium.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,128 @@
    /* Nord Vomnibar CSS */
    /* Installation: Open Vimium Options -> Click "Show Advanced Options" and paste this into the CSS for Vimium UI text area. */

    #vomnibar ol, #vomnibar ul {
    list-style: none;
    display: none;
    }

    #vomnibar {
    background: rgba(46, 52, 68, 0.9);
    color: #E5E9F0;
    border-radius: 4px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    border: none;
    }

    #vomnibar input {
    color: #E5E9F0;
    font-size: 24px;
    height: auto;
    margin-bottom: 0;
    padding: 15px;
    background-color: unset;
    border-radius: 3px;
    border: none;
    box-shadow: none;
    }

    #vomnibar .vomnibarSearchArea {
    padding: 0;
    background-color: unset;
    border-radius: 4px 4px 0 0;
    border-bottom: none;
    }

    #vomnibar ul {
    background-color: rgba(76, 86, 106, 0.8);
    }

    #vomnibar li {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #E5E9F0;
    }

    #vomnibar li.vomnibarSelected {
    background-color: rgba(136, 192, 208, 1);
    }

    #vomnibar li .vomnibarSource {
    color: #D8DEE9;
    }

    #vomnibar li em, #vomnibar li .vomnibarTitle {
    color: #ECEFF4;
    }

    #vomnibar li .vomnibarUrl {
    color: #88C0D0;
    }

    #vomnibar li .vomnibarMatch {
    color: #EBCB8B;
    }

    #vomnibar li em .vomnibarMatch, #vomnibar li .vomnibarTitle .vomnibarMatch {
    color: #EBCB8B;
    }

    #vomnibar li.vomnibarSelected .vomnibarSource {
    color: #4C566A;
    }

    #vomnibar li.vomnibarSelected em, #vomnibar li.vomnibarSelected .vomnibarTitle {
    color: #3B424F;
    }

    #vomnibar li.vomnibarSelected .vomnibarUrl {
    color: #4C566A;
    }

    #vomnibar li.vomnibarSelected .vomnibarMatch {
    color: #2E3440;
    }

    /* Light Markers */
    div > .internalVimiumHintMarker.vimiumHintMarker {
    background: #EBCB8B;
    font-size: 12px;
    border: 1px solid rgba(0,0,0,0.15)
    border-radius: 5px;
    box-shadow: 0em 0.1em 0.6em 0.1em rgba(0, 0, 0, 0.2);
    padding: 2px 4px;
    }

    /* Link hint text */
    div > .internalVimiumHintMarker.vimiumHintMarker span {
    color: #3B4252;
    font-size: inherit;
    text-shadow: none;
    }

    /* Link hint matching characters */
    div > .internalVimiumHintMarker.vimiumHintMarker > .matchingCharacter {
    color: #2E3440;
    }

    /* Dark Markers */
    /* Remove everything from here below if you prefer light markers */
    div > .internalVimiumHintMarker.vimiumHintMarker {
    background: #5E81AC;
    font-size: 12px;
    border: none;
    border-radius: 5px;
    box-shadow: 0em 0.1em 0.6em 0.1em rgba(0, 0, 0, 0.2);
    padding: 2px 4px;
    }

    /* Link hint text */
    div > .internalVimiumHintMarker.vimiumHintMarker span {
    color: #ECEFF4;
    font-size: inherit;
    text-shadow: none;
    }

    /* Link hint matching characters */
    div > .internalVimiumHintMarker.vimiumHintMarker > .matchingCharacter {
    color: #FFF;
    }