🌟🚀Super awesome, your Hyper terminal shall look.
24 tailor-made, full fledged Star Wars themes for your Hyper terminal! Yes, lightsabers included! ❤
All of the wonderful Star Wars backgrounds were created by the amazing Filipe de Carvalho and are part of his Star Wars - Long Shadow Flat Design Icons project!
You can appreciate his project and the rest of his super awesome work on Behance!
🎉 Do you enjoy this project? Maybe you love Pokémon? Then, you will also love our Hyper Pokémon 
theme project!
Go take a peek 👀
Come over to our Gitter chat or Twitter account to share your thoughts on the project or to just say hi!
Get the backgrounds as 4K HD wallpapers here.
Firstly, ensure you have Hyper and Node.js installed in your system.
Then simply do the npm dance to get hpm-cli
# fire up a terminal and type
$ npm install -g hpm-cliOnce done with that, it's time to install the hyper-star-wars theme!
# run the hyper plugin manager
$ hpm install hyper-star-warsAdd hyper-star-wars to the plugins list in your ~/.hyper.js config file and restart Hyper.
That's it!
plugins: ['hyper-star-wars']Once you have installed hyper-star-wars, it's time to set your favorite theme!
Go to your ~/.hyper.js and add the StarWarsTheme settings object below the colors object, and define there your theme of choice!
Here is a quick example, where we choose the yoda theme, with the lightsaber mode activated and a colorful window header!
config: {
//...
colors: {
//...
},
StarWarsTheme: {
character: 'yoda', // Define your favorite star wars character
lightsaber: 'true', // Activate your theme's lightsaber mode
unibody: 'false', // Define the color of the Hyper window header
avatar: 'true' // Activate your theme's background avatar
},
//...
}
To get the exact same look, install Google's Roboto Mono font as well as oh-my-zsh and choose pure as your zsh prompt.
Using this option you can choose your Star Wars character theme along with it's tailor-made syntax color.
The assignable values are:
-
character name- choose any of the available Star Wars characters by defining their name.
i.e.character: 'yoda',character: 'darth-vader',character: 'bb8'etc -
random- randomly selects a Star Wars character theme from all available characters, each time you fire up a new Hyper terminal session.
i.e.character: 'random' -
light/dark side- randomly selects a Star Wars character theme from the light side or the dark side, each time you fire up a new Hyper terminal session.
i.e.character: 'light',character: 'dark' -
character array- randomly selects a Star Wars character theme/theme option from a defined array holding custom multiple themes/theme options, each time you fire up a new Hyper terminal session. Any from the available Star Wars character themes can be chosen!
i.e.character: ['kylo-ren', 'light', 'dark', 'bb8']character: ['yoda', 'chewbacca', 'bb8', 'han-solo', 'c3po']character: ['darth-vader', 'stormtrooper', 'spacetrooper', 'ray']character: ['random', 'finn', 'boba-fett', 'leia-organa', 'maz-katana']etc
Activates your theme's lightsaber mode, making your terminal's cursor, tab bar & scroll bar glow!
The assignable values are:
lightsaber: 'true'- enable your theme'slightsabermodelightsaber: 'false'- disable your theme'slightsabermode
Also, completely omitting the lightsaber option from your .hyper.js will have the same effect as defining it and setting it to true. (default state)
Choose whether or not you want the Hyper window header color to be the same as the background Star Wars character theme.
The assignable values are:
unibody: 'true'- choose it for a unibody color themeunibody: 'false'- go for it if you like your terminal more colorful
In addition, completely omitting the unibody option from your .hyper.js will have the same effect as defining it and setting it to true. (default state)
Choose whether or not you want the Star Wars character theme avatar to be displayed in the background.
The assignable values are:
avatar: 'true'- enable your theme's backgroundavataravatar: 'false'- disable your theme's backgroundavatar
In addition, completely omitting the avatar option from your .hyper.js will have the same effect as defining it and setting it to true. (default state)
View all the available Star Wars characters
# clone the repository
$ git clone https://github.com/champloohq/hyper-star-wars.git
# navigate to the project directory
$ cd hyper-star-wars# get the package & set it as a dependency
$ npm install hyper-star-wars --save
# or set it as a devDependency
$ npm install hyper-star-wars --save-dev
# or even save it globally
$ npm install hyper-star-wars -gHere is an awesome list where you can find other awesome Hyper themes & plugins!
- Hyper Pokemon - 🌈👾Wondrous, tailor-made Pokémon themes for your Hyper terminal
- Awesome Hyper - A curated list of sweet Hyper packages, themes, and resources.
- Pure - Pretty, minimal and fast ZSH prompt
Meet the team and all the super awesome contributors! ❤
 |
 |
 |
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|---|---|
| Leonidas Avdelas 📫 | Panagiotis Bakos 📫 | George Baxopoulos 📫 | Thanasis Gkanos 📫 | Konstantinos Mitropoulos 📫 | Klaus Sinani 📫 | Mario Sinani 📫 | Konstantinos Skouras 📫 | Gabriel Tibúrcio 📫 |
<> with ❤ by the Champloo HQ team