Hyper.js configuration

.hyper.js

module.exports = {
  config: {
    // default font size in pixels for all tabs
    fontSize: 16,

    // font family with optional fallbacks
    fontFamily: '"Fira Code", Monaco, Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',

    // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
    cursorColor: 'rgba(248, 28, 229, 0.8)',

    // `BEAM` for |, `UNDERLINE` for _, `BLOCK` for █
    cursorShape: 'BEAM',

    // color of the text
    foregroundColor: '#fff',

    // terminal background color
    backgroundColor: '#171717',
    // backgroundColor: 'rgb(23, 23, 23, 0.8)',
    // backgroundColor: 'rgba(0,0,0,0.6)',

    // border color (window, tabs)
    borderColor: '#212121',

    // custom css to embed in the main window
    css: `
      .tab_tab.tab_tab {
        color: #BBBEBD;
      }

      /* Only when single tab */
      .tab_active.tab_active,
      .tabs_title {
        background-color: hsl(195, 12.5%, 8.2%);
      }

      .tabs_title::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        /*background-color: #CC6666;*/
        background-color: rgba(204, 102, 102, 0.8);
        box-shadow: 0 0 10px rgba(204, 102, 102, 0.5);
      }
    `,

    // custom css to embed in the terminal window
    termCSS: `
      x-screen {
        cursor: default;
      }

      x-screen a {
        color: #0094d9;
      }

      x-screen a.hover {
        color: #005cbb;
        text-decoration: none;
      }

      x-screen x-row {
        font-variant-ligatures: initial;
      }
    `,

    // custom padding (css format, i.e.: `top right bottom left`)
    padding: '12px 14px',

    // the full list. if you're going to provide the full color palette,
    // including the 6 x 6 color cubes and the grayscale map, just provide
    // an array here instead of a color map object
    colors: {
      black: '#000000',
      red: '#ff0000',
      green: '#a6e32d',
      yellow: '#e6da73',
      blue: '#0066ff',
      magenta: '#cc00ff',
      cyan: '#5ed7ff',
      white: '#d0d0d0',
      lightBlack: '#808080',
      lightRed: '#ff0000',
      lightGreen: '#33ff00',
      lightYellow: '#ffff00',
      lightBlue: '#0066ff',
      lightMagenta: '#cc00ff',
      lightCyan: '#00ffff',
      lightWhite: '#ffffff'
    },

    // the shell to run when spawning a new session (i.e. /usr/local/bin/fish)
    // if left empty, your system's login shell will be used by default
    shell: '',

    // for setting shell arguments (i.e. for using interactive shellArgs: ['-i'])
    // by default ['--login'] will be used
    shellArgs: ['--login'],

    // for environment variables
    env: {},

    // set to false for no bell
    bell: 'SOUND',

    // if true, selected text will automatically be copied to the clipboard
    copyOnSelect: false,

    // URL to custom bell
    // bellSoundURL: 'http://example.com/bell.mp3',

    // for advanced config flags please refer to https://hyper.is/#cfg

    hyperlinks: {
      clickAction: 'ignore',
      defaultBrowser: true
    },

    materialBox: {
      // scheme: 'material-darker',
      // scheme: 'monokai',
      scheme: 'seti',
      selectedTabFlavor: 'underline',
      highlightSelectedTab: true,
      displayBorder: true,
      lightEffect: true,
      autoHideTitle: false,
      hideTrafficLights: false,
      closeOnTheLeft: false,
      user: {
        accentColor: '#CC6666',
      }
    }
  },

  // a list of plugins to fetch and install from npm
  // format: [@org/]project[#version]
  // examples:
  //   `hyperpower`
  //   `@company/project`
  //   `project#1.0.1`
  plugins: [
    'hyper-blink',
    // Bug with copy/paste:
    // https://github.com/zeit/hyperlinks/issues/39
    // 'hyperlinks',
    'hyper-statusline',
    'hyper-dark-scrollbar',
    'hyper-font-smoothing',

    // Themes
    'hyper-material-box',

    // Other Themes
    // 'hyper-ayu',
    // 'hyper-flat',
    // 'hyper-seti-monokai',
    // 'hyper-snazzy',
  ],

  // in development, you can create a directory under
  // `~/.hyper_plugins/local/` and include it here
  // to load it and avoid it being `npm install`ed
  localPlugins: []
};