JSPM

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

A beautiful & minimal macOS theme for Hyper

Package Exports

  • hyper-hypest

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-hypest) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Hypest Icon

Hypest for Hyper

A beautiful and minimal macOS theme for Hyper — with vibrancy, light and dark modes, and theming for several popular Hyper plugins.

Hypest Screenshot

Installation

If you are switching from another Hyper theme you may need to relaunch the app for Hypest to fully theme the window.

From Hyper

hyper i hyper-hypest

Manually

  1. Open ~/.hyper.js in your text editor (cmd + , in Hyper)
  2. Add hyper-hypest to the plugins array

Configuration

There are a few options that can be passed as optional configuration to modify the theme. To pass the options you can add a hypest object to the config in ~/.hyper.js.

Note: you may need to restart Hyper when setting the darkmode and vibrancy properties.

Dark Mode

Set darkmode to true to use the dark version of the theme.

config: {
    ...
    hypest: {
        // Default is false
        darkmode: true
    }
    ...
}
Hypest Screenshot

Vibrancy

Set vibrancy to false to disable the window vibrancy effect in either theme.

config: {
    ...
    hypest: {
        // Default is true
        vibrancy: false
    }
    ...
}
Hypest Screenshot

Accent color

Pass a supported named color with accentColor to use it for the cursor color, selection color and the search styling (if using the hyper-search plugin).

config: {
    ...
    hypest: {
        // Default is 'blue'
        // Use one of 'black', 'red', 'green', 'yellow', 'blue', 'magenta', 'cyan' or 'white'
        accentColor: 'cyan'
    }
    ...
}

Custom theme colors

Hypest has it's own set of colors defined by the theme but you can override them by adding a colors object and setting all or some of the supported color properties.

config: {
    ...
    hypest: {
        // Supported  colors are 'black', 'red', 'green', 'yellow', 'blue', 'magenta', 'cyan' and 'white'
        // Custom colors must be specified as 6 character hexadecimals
        colors: {
          blue: '#0067FF'
        }
    }
    ...
}

Remove window controls

Set hideControls to true to remove the window controls and just show tabs.

config: {
    ...
    hypest: {
        // Default is false
        hideControls: true
    }
    ...
}

Plugin support

Hypest includes custom theming to support a few of the most popular Hyper plugins, including:

  • hyper-search
  • hyper-statusline
  • hyper-tab-icons
  • hyper-highlight-active-pane
Hypest Screenshot

Known issues

Vibrancy + zsh + pasted content

There is a known issue when running zsh in Hyper where pasted content will appear as a block with invisible text if the window background has transparency. The issue has been around for a while and has no official fix, but there is a comment in that issue that has a workaround. Run the following in the command line to disable the background color of pasted content and make pasted text visible again:

echo 'unset zle_bracketed_paste' >> ~/.zshrc