search by tags

for the user

adventures into the land of the command line

my groovy hyper setup

Hyper is ooosum! This is how I set up mine…

The custom PS1:

vim ~/.bash_profile

export PS1=$'\xe2\x96\xb2 \[email protected]\h:\w \[\e[0;38;5;208m\]\xe2\x98\x85\[\e[0m\] \[$(tput sgr0)\]'

The plugins:

npm install -g vtop
npm install -g hyperpower
npm install -g hyper-statusline
npm install -g hyper-tabs-enhanced
npm install -g hyper-dark-scrollbar
npm install -g hyperterm-alternatescroll
npm install -g hypergravity

The config:

cat ~/.hyper.js

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

    // font family with optional fallbacks
    fontFamily: '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)',
    cursorColor: '#3eb890',

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

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

    // terminal background color
    backgroundColor: '#2d333a',

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

    // custom css to embed in the main window
    css: '',

    // custom css to embed in the terminal window
    termCSS: '',

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

    // 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: '#33ff00',
      yellow: '#ffff00',
      blue: '#0066ff',
      magenta: '#cc00ff',
      cyan: '#00ffff',
      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
    hyperTabs: {
      trafficButtons: true,
      tabIcons: true,
      tabIconsColored: true,
      activityColor: '#3EB890',
      closeAlign: 'left',
    },
    alternateScroll: {
      scrollSpeed: 100
    }
  },

  // a list of plugins to fetch and install from npm
  // format: [@org/]project[#version]
  // examples:
  //   `hyperpower`
  //   `@company/project`
  //   `project#1.0.1`
  plugins: [
        "hyperpower",
        "hyper-statusline",
        "hyper-tabs-enhanced",
        "hyper-dark-scrollbar",
        "hyperterm-alternatescroll",
        "hypergravity"
  ],

  // 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: []
};

The appearance: