Giter Site home page Giter Site logo

greensounds / hyper-pokemon Goto Github PK

View Code? Open in Web Editor NEW

This project forked from klaudiosinani/hyper-pokemon

0.0 2.0 0.0 4.46 MB

🌈🐱Wondrous, tailor-made Pokémon themes for your Hyper terminal

Home Page: https://hyper-pokemon.github.io

License: MIT License

Shell 9.27% JavaScript 90.73%

hyper-pokemon's Introduction

🌈🐱Wondrous, tailor-made Pokémon themes for your Hyper terminal

Build Status Dependency Status Trello Board Gitter XO code style Latest version Repo Size npm

Contents

Description

Made for Pokémon enthusiasts by Pokémon enthusiasts ❤

All of the wonderful Pokémon backgrounds were created by the amazing Teej/TopHat!

Come over to our Gitter chat or Twitter account to share your thoughts on the project or to just say hi!

Track the creation/progress of all themes on our Trello board!

Inspired by the original Pokemon-Terminal project.

Install

Using the plugin manager - hpm-cli

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-cli

Once done with that, it's time to install the hyper-pokemon theme!

# run the hyper plugin manager
$ hpm install hyper-pokemon

Manually through .hyper.js

Add hyper-pokemon to the plugins list in your ~/.hyper.js config file and restart Hyper. That's it!

plugins: ['hyper-pokemon']

⬆️Back to top!

Usage

Once you have installed hyper-pokemon, it's time to set your favorite theme!

Go to your ~/.hyper.js and add the pokemon and pokemonSyntax options below the colors object, and define your theme of choice!

Here is a quick example, where we choose the gengar theme, with a unibody color for the window header & dark terminal tabs! 👻

config: {
    //...
    colors: {
    //...
    },
    pokemon: 'gengar', // Define your favorite pokemon theme!
    pokemonSyntax: 'dark', // Define the color of the terminal tabs!
    unibody: 'true', // Define the color of the Hyper window header!
}

Gengar Example

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 🐱

⬆️Back to top!

Options

pokemon

Using this option you can choose your pokémon background along with it's tailor-made syntax color.

The assignable values are:

  • pokemon name - choose any of the available Pokémon themes by defining the Pokémon name.

    i.e. pokemon: "charizard", pokemon: "pikachu", pokemon: "blastoise" etc

  • random - randomly selects a Pokémon theme from the whole list of available Pokémons, each time you fire up a new Hyper terminal session.

    i.e. pokemon: "random"

  • pokemon type - randomly selects a Pokémon theme from only a specific Pokémon type, each time you fire up a new Hyper terminal session.

    i.e. pokemon: "fire", pokemon: "water", pokemon: "grass" etc

    The available choices up to this moment (all types will be supported really soon) are the following:

    • fire
    • water
    • grass
    • poison

pokemonSyntax

Here you can define the color of the terminal tabs.

The assignable values are:

  • light - choose it if your pokémon theme is of a more light color
  • dark - go for it if you are going with a darker pokémon theme

Pokemon Syntax

unibody

Choose whether or not you want the Hyper windows header color to be the same as the background pokémon theme.

The assignable values are:

  • true - choose it for a unibody color theme
  • false - go for it if you like you window header 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.

Unibody

⬆️Back to top!

Available Themes

Here is a list, grouped by Pokémon regions, of all the available Pokémon themes up to now!

Kanto Region List of Kanto region Pokémon themes 🎉
  • Bulbasaur 🌱
  • Ivysaur 🌱
  • Venusaur 🌱
  • Charmander 🔥
  • Charmeleon 🔥
  • Charizard 🔥
  • Squirtle 🌊
  • Wartortle 🌊
  • Blastoise 🌊
  • Metapod 🐛
  • Kakuna 🐛
  • Ekans 🐍
  • Pikachu ⚡
  • Raichu ⚡
  • Sandshrew 🐭
  • Sandslash 🐭
  • Clefable 🌟
  • Vulpix 🔥
  • Jigglypuff 🎤
  • Psyduck 🌊
  • Alakazam 🍴
  • Slowpoke 🌊
  • Gengar 👻
  • Ditto 🌟
  • Kabutops ✂

⬆️Back to top!

Showcase

All available themes can be previewed on the project's homepage!
Go on and take a peek 👀

Hyper Pokemon

⬆️Back to top!

Download

Fork the project

# clone the repository
$ git clone https://github.com/klauscfhq/hyper-pokemon.git
# navigate to the project directory
$ cd hyper-pokemon

Using npm

# get the package & set it as a dependency
$ npm install hyper-pokemon --save
# or set it as a devDependency
$ npm install hyper-pokemon --save-dev
# or even save it globally
$ npm install hyper-pokemon -g

⬆️Back to top!

Related

Here is an awesome list where you can find other awesome Hyper themes & plugins!

⬆️Back to top!

Team

Big up the Athens and London massive.

Leonidas Avdelas Panagiotis Bakos George Baxopoulos Thanasis Gkanos Konstantinos Mitropoulos Klaus Sinani Mario Sinani Konstantinos Skouras
Leonidas Avdelas 📫 Panagiotis Bakos 📫 George Baxopoulos 📫 Thanasis Gkanos 📫 Konstantinos Mitropoulos 📫 Klaus Sinani 📫 Mario Sinani 📫 Konstantinos Skouras 📫

⬆️Back to top!

License

MIT


Hyper Pokemon

<> with ❤ by the Hyper Pokémon team


hyper-pokemon's People

Contributors

klaudiosinani avatar georgebax avatar jonkrusell avatar loniasgr avatar hiroppy avatar

Watchers

James Cloos avatar  avatar

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.