/hyper2-border

🔲 Add a gradient border to the Hyper2 terminal

Primary LanguageJavaScriptMIT LicenseMIT

hyper2-border npm version Build Status

Add a gradient border to the Hyper2 terminal

hyper-border

Installation

Add hyper2-border to plugins in your ~/.hyper.js configuration

module.exports = {
  ...
  plugins: ['hyper2-border']
  ...
}

then restart the Hyper app or go to the menu 'Plugins / Update All Now'

Configuration

The following settings can be configured by adding a hyperBorder section in your .hyper.js config section:

Setting Type Description
borderWidth string CSS string for how thick the borders should be
borderColors string, string[] The color(s) for the border
EXAMPLE: Set Border Colors And Width
module.exports = {
  config: {
    ...
      hyperBorder: {
        borderColors: ['#fc1da7', '#fba506'],
        borderWidth: '8px'
      }
    ...
  }
}
EXAMPLE: Set Border Colors To Random Colors

In addition, you can set any color value to 'random' (string value):

module.exports = {
  config: {
    ...
      hyperBorder: {
        borderColors: ['random','random'],
        borderWidth: '8px'
      }
    ...
  }
}

Then every newly opened Hyper terminal window will have a different colored border.

Full credit to @Webmatze for original work on hyperborder.