0.0.2 • Published 8 years ago
hyperborder-animation v0.0.2
hyperborder - extension for HyperTerm
adds a gradient border to the hyperterm editor
Installation
add it to plugins in your ~/.hyperterm.js
configuration
module.exports = {
...
plugins: ['hyperborder-animation']
...
}
then just restart your HyperTerm app or go to the menu 'Plugins / Update All Now'
Configuration
Set Border Colors And Width
It is now possible to change the gradient colors and the border width.
Just add the following to your .hyperterm.js
:
module.exports = {
config: {
...
hyperBorder: {
borderColors: ['#ff2400', '#e81d1d', '#e8b71d',' #e3e81d', '#1de840', '#1ddde8', '#2b1de8', '#dd00f3', '#dd00f3'],
borderWidth: '8px'
}
...
}
}
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 HyperTerm window will have a different colored border.
Animate Border Colors
You like some animations? Than try this:
module.exports = {
config: {
...
hyperBorder: {
animate: true,
deg: '124deg',
backgroundSize: '800% 1800%',
time: '8s'
...
}
...
}
}
Example
module.exports = {
config: {
...
hyperBorder: {
borderColors: [`#ff2400`, `#e81d1d`, `#e8b71d`,` #e3e81d`, `#1de840`, `#1ddde8`, `#2b1de8`, `#dd00f3`, `#dd00f3`],
borderWidth: '3px',
animate: true,
deg: '124deg',
backgroundSize: '800% 1800%',
time: '8s',
...
}
...
}
}