Ocarina theme

It’s dangerous to go alone! Take this.

Ocarina is a medium contrast colour scheme loosely inspired by The Legend of Zelda video game series. It has been created in celebration of Zelda’s 30th anniversary. It comes in light and dark variants, while using a single 16-colour palette.

Packages or ports of it are available for the Atom text editor, Vim, the Vim Airline plugin, Jekyll websites using the Rouge gem, as well as the XFCE4, Terminator, iTerm2, urxvt, and Hyper terminal emulators.

Palette

Dark base

212C2D 313C3D 616C6D 919C9D

Light base

EBEBE7 DBDBD7 9B9B97 6B6B67

Accent values

BA6F5B A2853A 3D9D54 2AA2A5
A77B9B 93A34A 48A99B 7A99BA

Base values from left to right: background, background highlight, secondary text, primary text.

Atom text editor packages

Ocarina light available at

Atom GitHub Or run the command apm install ocarina-syntax

Ocarina dark available at

Atom GitHub Or run the command apm install ocarina-dark-syntax

Vim and Vim Airline

All Prot16 themes (including Ocarina) are available as plugins for Vim and Vim Airline. To install them, use your favourite plugin manager. With vim-plug:

Plug 'protesilaos/prot16-vim'
Plug 'protesilaos/prot16-vim-airline'

Then specify your choice in .vimrc. Use either the light or dark variant:

colorscheme ocarina_light
let g:airline_theme='ocarina_light'

" or use these instead
colorscheme ocarina_dark
let g:airline_theme='ocarina_dark'

Atom and Vim colour mapping

Primary

Secondary

Tertiary


Primary: Class names, variables, functions, etc.
Secondary: Measurement units, strings, support functions, etc.
Tertiary: Cursor, support classes, etc.

Terminal emulators

All of my themes were originally developed for Atom. I do, nonetheless, plan to branch out from there. For the time being, I am experimenting with ways to make ports for at least some of the most popular programs. Based on my current tests on Arch Linux and Linux Mint 17.3 and 18, I have settled on the following colour mapping (which you have to implement manually if none of the options below suits your needs).

313C3D BA6F5B 3D9D54 93A34A 2AA2A5 A77B9B 48A99B DBDBD7 212C2D A2853A 6B6B67 616C6D 9B9B97 7A99BA 919C9D EBEBE7

For Ocarina, the following terminal emulators are supported thus far:

Jekyll blog with Rouge for highlighting

To use Ocarina on your Rouge-enabled Jekyll site, go ahead and implement this SCSS stylesheet. Read the inline comments on how to switch between light and dark.

This demo makes use of the Rouge gem to create the markup. It is a lightweight solution for highlighting code on the web. Bear in mind that it is not a perfect representation of the Atom packages or terminal ports.

// Random Mixin
@mixin tablet {
  @media screen and (min-width: #{$tablet}) {
    @content;
  }
}

// TODO Write something
.social-share {
  font-family: $fontui;

  @include radius(3%);

  div {
    a {
      color: $lbg;
      display: block;
      margin: ($sone / 2) 0;

      @include tablet {
        float: left;
        display: inline-block;
        margin: 0 $sone 0 0;
      }

      &[href*="twitter.com"] {
        background: #1DA1F3;
      }

      &:hover {
        opacity: .8;
      }
    }
  }
}

div + div:not(.some-class) {
  border-top: 2px solid #123456;
}

// Random Mixin
@mixin tablet {
  @media screen and (min-width: #{$tablet}) {
    @content;
  }
}

// TODO Write something
.social-share {
  font-family: $fontui;

  @include radius(3%);

  div {
    a {
      color: $lbg;
      display: block;
      margin: ($sone / 2) 0;

      @include tablet {
        float: left;
        display: inline-block;
        margin: 0 $sone 0 0;
      }

      &[href*="twitter.com"] {
        background: #1DA1F3;
      }

      &:hover {
        opacity: .8;
      }
    }
  }
}

div + div:not(.some-class) {
  border-top: 2px solid #123456;
}

#!/bin/bash
mkdir -p $HOME/.local/share/xfce4/terminal/colorschemes

for filename in $(ls $HOME/prot16-builder/db/schemes)
do
  name=$(echo $filename | cut -f 1 -d '.')

  prot16-builder -s ${name} -t xfce4-terminal -b light > $HOME/.local/path/${name}-light.theme
  tput setaf 9; echo "Preparing ${name} light for \n\/escape\/ XFCE4-Terminal"
done
#!/bin/bash
mkdir -p $HOME/.local/share/xfce4/terminal/colorschemes

for filename in $(ls $HOME/prot16-builder/db/schemes)
do
  name=$(echo $filename | cut -f 1 -d '.')

  prot16-builder -s ${name} -t xfce4-terminal -b light > $HOME/.local/path/${name}-light.theme
  tput setaf 9; echo "Preparing ${name} light for \n\/escape\/ XFCE4-Terminal"
done

Related git repositories

Wish to contribute? Check out these repos:

If my work has been helpful and you would like to buy me a coffee, please do so via Paypal.