an-old-hype/lib/theme.js

Hyper theme inspired by a galaxy far far away...

//
// Hyper term theme inspired by a galaxy far far away...
// Based on the awesome `an-old-hope` atom syntax theme by Jesse Leite
//

const colors = {
  vader: '#eb3d54',
  yoda: '#78bd65',
  threePO: '#e5cd52',
  r2: '#4fb4d8',
  luke: '#ef7c2a',
  falcon: {
    white: '#cbcdd2',
    silver: '#848794',
    grey: '#686b78',
    black: '#1c1d21'
  }
}

module.exports = config => {
  const themeSettings = config.themeSettings || {}
  const tabActiveMarker = typeof themeSettings.tabActiveMarker === 'string'
    ? themeSettings.tabActiveMarker
    : '►'
  const backgroundColor = `rgba(0, 0, 0, ${themeSettings.opacity || 0.6})`
  const styleColor = themeSettings.style === 'falcon'
    ? colors.falcon.silver
    : colors[themeSettings.style || 'luke']

  return {
    backgroundColor,
    foregroundColor: colors.falcon.white,
    borderColor: colors.falcon.grey,
    cursorColor: styleColor,
    colors: {
      black: colors.falcon.black,
      red: colors.vader,
      green: colors.yoda,
      yellow: colors.threePO,
      blue: colors.r2,
      magenta: colors.luke,
      cyan: colors.r2,
      white: colors.falcon.white,
      lightBlack: colors.falcon.grey,
      lightRed: colors.vader,
      lightGreen: colors.yoda,
      lightYellow: colors.threePO,
      lightBlue: colors.r2,
      lightMagenta: colors.luke,
      lightCyan: colors.r2,
      lightWhite: colors.falcon.white
    },
    termCSS: `
      ${config.termCSS || ''}
      .terminal .xterm-selection div {
        background-color: ${styleColor};
      }
    `,
    css: `
      ${config.css || ''}
      .tab_tab:not(.tab_active) {
        color: ${colors.falcon.silver};
      }
      .tab_textActive .tab_textInner::before {
        color: ${styleColor};
        content: "${tabActiveMarker} ";
      }
      .splitpane_divider {
        background-color: ${colors.falcon.grey} !important;
      }
    `
  }
}