hyper-moonlite/index.js

Hyper theme based heavily on New Moon, with a few tweaks

// standard ANSI Colors
const black = '#2b303b';
const red = '#bf616a';
const green = '#a3be8c';
const yellow = '#ebcb8b';
const blue = '#8fa1b3';
const magenta = '#b48ead';
const cyan = '#96b5b4';
const white = '#c0c5ce';
const lightBlack = '#616775';
const lightRed = '#ea919a';
const lightGreen = '#d0edb6';
const lightYellow = '#f9dea7';
const lightBlue = '#b4cee8';
const lightMagenta = '#eabee2';
const lightCyan = '#c3e5e4';
const lightWhite = '#e1e8f4';

const accentColor = blue;

exports.decorateConfig = config =>
  Object.assign({}, config, {
    cursorColor: rgba(190,226,135,0.8),
    cursorAccentColor: lightWhite,
    foregroundColor: 'rgb(192, 197, 206,0.7)',
    backgroundColor: 'rgba(0,0,0,0.7)',
    borderColor: 'rgba(255,255,255, 0.2)',
    selectionColor: 'rgba(164,205,255,0.3)',
    css: `
    ${config.css || ''}
    .tab_tab {
      border: 0;
      background-color: rgba(255, 255, 255, 0.4);
    }
    .tab_text {
      background-color: rgba(255, 255, 255, 0.4);
    }
    .tab_active {
      background-color: ${black};
    }
    .tab_textActive {
      background-color: ${black};
      border-top: 2px solid ${accentColor} !important;
    }
  `,
    colors: {
      black,
      red,
      green,
      yellow,
      blue,
      magenta,
      cyan,
      white,
      lightBlack,
      lightRed,
      lightGreen,
      lightYellow,
      lightBlue,
      lightMagenta,
      lightCyan,
      lightWhite
    }
  });