hyper-primer v1.3.2

Warning
These were tested only on Windows and may not work on other platforms (especially macOS). Any contribution is welcome!

Install

Via Hyper CLI

Make sure the Hyper CLI is installed: Tools > Install Hyper CLI command in PATH.

$ hyper install hyper-primer

Via Configuration

Add hyper-primer to the plugins array in your .hyper.js.

plugins: [
	'hyper-primer',
]

Configuration

Add a primer object with the following options to config in your .hyper.js.

theme

• Type: object

light

• Type: string
• Default value: light
• Available options: light light_high_contrast light_colorblind light_tritanopia dark dark_dimmed dark_high_contrast dark_colorblind * dark_tritanopia

The colour theme when the system is in light mode. See Gallery.

dark

• Type: string
• Default value: dark
• Available options: light light_high_contrast light_colorblind light_tritanopia dark dark_dimmed dark_high_contrast dark_colorblind * dark_tritanopia

The colour theme when the system is in dark mode. See Gallery.

tabs

• Type: object

layout

• Type: string
• Default value: vscode
• Available options: vscode github

Controls how tabs look. See Gallery for previews.

width

• Type: number
• Default value: 0

The width of tabs in pixels. The width of tabs can automatically reduce to fit the window width. If set to 0, tabs automatically grow to have the whole available space (default Hyper behaviour).

Example

config: {
	primer: {
		theme: {
			dark: 'dark',
			light: 'light',
		},
		tabs: {
			layout: 'github',
			width: 150,
		}
	},
}

Gallery

The font used in screenshots is JetBrains Mono.

Themes

Tab layouts

Credits

• hyper-rose-pine-next: For dynamically changing theme.

License

MIT License