JSPM

hyper-better-status-line

1.8.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 5
  • Score
    100M100P100Q28227F
  • License MIT

Status Line Plugin for Hyper forked with improvements.

Package Exports

  • hyper-better-status-line

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (hyper-better-status-line) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

hyper-better-status-line GitHub npm

Status Line Plugin for Hyper. Shows clickable & useful information. Matches any theme.

hyper-statusline

Install

Add following to your ~/.hyper.js config.

module.exports = {
  ...
  plugins: ['hyper-better-status-line']
  ...
}

Config

Add following to ~/.hyper.js

Change Background Color

Expected value is CSS color

module.exports = {
  config: {
    ...
      hyperStatusLine: {
        background: '#191622',
      }
    ...
  }
}

Change Foreground Color

Expected value is CSS color

module.exports = {
  config: {
    ...
      hyperStatusLine: {
        foreground: '#fff',
      }
    ...
  }
}

Add CWD Hover Color

Expected value is CSS color

module.exports = {
  config: {
    ...
      hyperStatusLine: {
        cwdHoverColor: '#78D1E1',
      }
    ...
  }
}

Add Git Branch Hover Color

Expected value is CSS color

module.exports = {
  config: {
    ...
      hyperStatusLine: {
        branchHoverColor: '#FF79C6',
      }
    ...
  }
}

Add a different Font Family

By default use .hyper.js fontFamily

module.exports = {
  config: {
    ...
      hyperStatusLine: {
        fontFamily: 'Fira Code',
      }
    ...
  }
}

Change Git Dirty Color

Expected value is CSS color

module.exports = {
  config: {
    ...
      hyperStatusLine: {
        dirtyColor: 'salmon',
      }
    ...
  }
}

Change Git Ahead Color

Expected value is CSS color

module.exports = {
  config: {
    ...
      hyperStatusLine: {
        aheadColor: 'ivory',
      }
    ...
  }
}

Default value is set to false

module.exports = {
  config: {
    ...
      hyperStatusLine: {
        isTransparent: true,
      }
    ...
  }
}

Theme

License

MIT © Henrik