https://github.com/Eugeny/tabby-theme-hype

A Terminus theme that imitates Hyper
https://github.com/Eugeny/tabby-theme-hype

sass terminus theme

Last synced: about 2 months ago
JSON representation

A Terminus theme that imitates Hyper

• Host: GitHub
• URL: https://github.com/Eugeny/tabby-theme-hype
• Owner: Eugeny
• Created: 2017-05-27T16:45:16.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-09T14:22:26.000Z (over 1 year ago)
• Last Synced: 2024-08-04T17:36:47.030Z (about 2 months ago)
• Topics: sass, terminus, theme
• Language: SCSS
• Homepage:
• Size: 7.81 KB
• Stars: 42
• Watchers: 5
• Forks: 20
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Hype Theme

#### For the Tabby terminal

This is a simple theme that mimicks the Hyper terminal. You can use this plugin as a base to build a theme of your own!

![](http://imgur.com/download/1cEi7ef)

---

## Hacking

Tabby layout is based on Bootstrap 4, so the easiest way is to base the theme on Bootstrap as well.

The styles are located in the [theme.scss](https://github.com/Eugeny/tabby-theme-hype/blob/master/src/theme.scss) file. It starts with a few Bootstrap variable overrides, then Bootstrap itself is included, and then there are some more direct style overrides.

Adjust the theme name and terminal background color in [index.ts](https://github.com/Eugeny/terminus-theme-hype/blob/master/src/index.ts)

Clone this repository and run:

```

npm install

```

Start Webpack in the watch mode:

```

npm run watch

```

and your changes to the styles will be rebuilt automatically.

Meanwhile, start Tabby with this plugin included:

```

TABBY_PLUGINS=$(pwd) tabby --debug

```

While Tabby is running, you can reload the plugins by pressing `Ctrl-R` (`Cmd-R` on macOS).

When done, publish your theme to NPM!