Skip to content
🔲 Add a gradient border to the Hyper2 terminal
Branch: master
Clone or download
Pull request Compare This branch is 10 commits ahead, 9 commits behind webmatze:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
lib
.editorconfig
.gitignore
.npmrc
.travis.yml
README.md
index.js
license
package.json
screenshot.png

README.md

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.

Get Hyper

Full credit to @Webmatze for original work on hyperborder.

You can’t perform that action at this time.