hyper-better-status-line

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

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',
      }
    ...
  }
}

Disable Footer Transparency

Default value is set to false

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

Theme

• hyper-chesterish

License

MIT © Henrik