Flowerbed theme

Flowerbed is a medium contrast colour scheme inspired by flowers. 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

233949 334959 738999 A3B9C9

Light base

ECF3F2 DCE3E2 8C9392 5C6362

Accent values

D86A87 D89A47 5CBC7D 4AA7D2
BC74AF CD9A8A 1CABA1 7988CA

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

Atom text editor packages

Flowerbed light available at

Atom GitHub Or run the command apm install flowerbed-syntax

Flowerbed dark available at

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

Vim and Vim Airline

All Prot16 themes (including Flowerbed) 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 flowerbed_light
let g:airline_theme='flowerbed_light'

" or use these instead
colorscheme flowerbed_dark
let g:airline_theme='flowerbed_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

Based on my current tests with a variety of terminal emulators for Arch Linux, Debian 9, and Linux Mint 17.3 and 18.x, I have settled on the following colour mapping (which you have to implement manually if none of the options below suits your needs).

334959 D86A87 5CBC7D CD9A8A 4AA7D2 BC74AF 1CABA1 DCE3E2 233949 D89A47 5C6362 738999 8C9392 7988CA A3B9C9 ECF3F2

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

Jekyll blog with Rouge for highlighting

To use Flowerbed on your Rouge-enabled Jekyll site, go ahead and implement either the the light or the the dark variant.

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*="example.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*="example.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:

Protesilaos profile photo

Protesilaos Stavrou

EU policy analyst. Philosopher. Web developer.
Full profile