Giter Club home page Giter Club logo

hyper-star-wars's Introduction


Hyper Star Wars

Super awesome, your Hyper terminal shall look.

Build Status Awesome May the Force be will you

Contents

Description

24 tailor-made, full fledged Star Wars themes for your Hyper terminal.

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.

Come over to Gitter or Twitter to share your thoughts on the project.

Get the backgrounds as 4K HD wallpapers here.

Install

Using the plugin manager - hyper

Firstly, ensure you have Hyper installed in your system.

Once done with that, it's time to install the hyper-star-wars theme.

# fire up a terminal and type
$ hyper i hyper-star-wars

Manually through .hyper.js

Add hyper-star-wars to the plugins list in your ~/.hyper.js config file and restart Hyper.

plugins: ['hyper-star-wars']

Usage

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.

Options

character

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

lightsaber

Activates your theme's lightsaber mode, making your terminal's tab bar glow.

The assignable values are:

  • lightsaber: 'true' - enable your theme's lightsaber mode
  • lightsaber: 'false' - disable your theme's lightsaber mode

Also, completely omitting the lightsaber option from your .hyper.js will have the same effect as defining it and setting it to false. (Default value)

unibody

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 theme
  • unibody: '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 value)

avatar

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 background avatar
  • avatar: 'false' - disable your theme's background avatar

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 value)

Available Themes

You can preview in detail all of the themes here.

List of all the available themes.
  • darth-vader
  • yoda
  • stormtrooper
  • r2d2
  • chewbacca
  • snowtrooper
  • kylo-ren
  • bb8
  • obi-wan-kenobi
  • luke-skywalker-older
  • emperor
  • spacetrooper
  • c3po
  • finn
  • boba-fett
  • leia-organa
  • maz-kanata
  • finn-stormtrooper
  • han-solo
  • luke-skywalker
  • rey
  • princess-leia
  • poe-dameron
  • han-solo-older


Related

Team

License

MIT

hyper-star-wars's People

Contributors

klaudiosinani avatar kortenu avatar mariosinani avatar simonbynd avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hyper-star-wars's Issues

Would be nice to edit/custom some colors of the theme (Like option)

Is your feature request related to a problem? Please describe.
Would be nice to edit/custom some colors of the theme (Like option), cause for some theme, I can't seem what the text is.. (See image below)

Describe the solution you'd like
Add option to custom some colors.

Additional context

image

Darth Maul character option :)

In the title!

Is your feature request related to a problem? Please describe.
No

Describe the solution you'd like
Darth Maul character option, maybe others as well?

Additional context
N/A

Lightsaber; cursor not glowing

Describe the bug
A clear and concise description of what the bug is.

I have lightsaber: True, but glowing cursor is not.

Technical Info (please complete the following information)

  • OS: MacOS 10.15.4
  • Hyper version: 3.0.2
  • Hyper-Star-Wars version: 3.2.1

Additional context
Add any other context about the problem here.

After HPM install Hyper crashes without adding to hyper.js

If you don't modify the hyper.js file and add the StarWarsTheme config item it will crash on startup. Maybe it would be better to have it show a warning or automatically add default values for this on install. I'll create a pull request later with one of those changes. I just thought it should be mentioned.

2k and 4k switch and background options?

Is it possible to have 2k and 4k backgrounds the plugin via a switch on the config?
Some of them dont look all the great on a 2k screen. The bb8 and r2d2 are probably the most anoying

image

Not seeing boba fett after upgrade to hyper 2.0

Description

Theme not working after upgrade to Hyper 2.0

Theme settings

StarWarsTheme: {
  character: 'boba-fett', // Define your favorite star wars character
  lightsaber: 'false', // Activate your theme's lightsaber mode
  unibody: 'true', // Define the color of the Hyper window header
  avatar: 'true'  // Activate your theme's background avatar
},

Environment

MacOS
Hyper 2.0
Latest hyper-star-wars

Additional Information

Not a real issue, just a kind question

This is not a issue at all, I just saw the pictures in the /backgrounds folder of this repository and would really like to use them as my desktop wallpaper. Unfortunately they all have a resolution of only 1920x1080. So my question is if you can be so kind to provide them in a higher resolution, maybe even 4k? That would be greatly appreciated. :)

Hacktoberfest: Update Dependencies

Hi! : )
To celebrate the Hacktoberfest festivities, everyone is welcome to update the project's dependencies and devDependencies to their latest versions. It should be really simple and easy. Here are the links to the packages on npmjs.com, you can find their latest version on the right side of the page:

Happy Hacktoberfest and happy hacking! 🎉

ray should be rey

Description

Her name is spelled wrong. If you could help out an overly OCD developer and "hyper" SW nerd out, that would be great.

Relevant Links (if any)

http://starwars.wikia.com/wiki/Rey

Additional Information

Thanks for the plugin!

Allow spaces in home path

Description

[On windows OS]
Users with spaces in their user folders won't be able to see the background images since you are setting the background property using an url and are not wrapping the url with double quotes ("). That produces that the path can't be resolved.

I solved it by manually wrapping the URL in the node_modules folder. It's a really quick fix that could help people.

Index.js file, Line 138.

Use

background: url("file://${pathToTheme}") center;

Instead of:

background: url(file://${pathToTheme}) center;

Error Message (if any)

Theme settings

Relevant Links (if any)

Environment

Windows 10 - 64 bits
Hyper 1.3.3
Hyper-star-wars 1.0.0

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.