Giter Club home page Giter Club logo

hyper-pokemon's Introduction


Hyper Pokemon

Tailor-made Pokémon themes for your Hyper terminal

Build Status 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, MapleRose & Ferretdayo.

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

Visit the contributing guidelines to learn more on how to translate this document into more languages.

Vote the next Region

Vote for the Pokémon Region you want to see themes from next.
In essence, this poll will determine the creation order of all Pokémon Regions.
The poll will be kept alive until the project's completion, when all 600+ themes will be available.

Poll powered by tj/gh-polls

Install

Hyper Store

Get the theme on the official Hyper Store.

Using the plugin manager - hyper

Firstly, ensure you have Hyper installed in your system.

Once done with that, install the hyper-pokemon theme.

# fire up a terminal and type 
$ hyper i hyper-pokemon

Manually through .hyper.js

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

plugins: ['hyper-pokemon']

Usage

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

Go to your ~/.hyper.js and add the pokemon option 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', // Choose your favorite pokemon theme
    unibody: 'true', // Choose the color of the window header
    poketab: 'false', // Deactivate your theme's poketab
    //...
}

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.

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. You can view all available Pokémon types here.

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

  • pokemon trainer - randomly selects a Pokémon theme from only a specific Pokémon Trainer's party, each time you fire up a new Hyper terminal session. You can view all available Pokémon Trainer here.

    i.e. pokemon: 'ash', pokemon: 'jessie', pokemon: 'gary', pokemon: 'erika' etc

  • pokemon party - randomly selects a Pokémon 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 Pokémon themes, types & trainers can be chosen.

    i.e.

    • pokemon: ['articuno', 'zapdos', 'moltres', 'mewtwo', 'mew']
    • pokemon: ['random', 'fire', 'water', 'grass', 'ash', 'pikachu']
    • pokemon: ['lance', 'brock', 'bruno', 'gary', 'legendary', 'dragonite'] etc

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:

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

Unibody

poketab

Choose whether or not you want an animated .gif that matches your current pokemon theme, to accompany your active Hyper terminal tab.

The assignable values are:

  • poketab: 'true' - enable your theme's poketab
  • poketab: 'false' - disable your theme's poketab

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

Available Themes

You can preview in detail all of the available themes here.

Pokémon Types

List of all available Pokémon Types.
  • Legendary
  • Starter
  • Fire
  • Water
  • Grass
  • Poison
  • Flying
  • Bug
  • Electric
  • Ground
  • Fairy
  • Normal
  • Psychic
  • Ghost
  • Rock
  • Ice
  • Dragon
  • Fighting
  • Steel


Pokémon Trainers

List of all available Pokémon Trainers.
  • Ash
  • Agatha
  • Blaine
  • Brock
  • Bruno
  • Erika
  • Gary
  • Giovanni
  • James
  • Jessie
  • Koga
  • Lance
  • Lorelei
  • Surge
  • Misty
  • Sabrina


Related

Team

License

MIT

hyper-pokemon's People

Contributors

athangkanos avatar ciffelia avatar ferretdayo avatar georgebax avatar hiroppy avatar ivanwonder avatar jonkrusell avatar jumjamjohn avatar kbravh avatar klaudiosinani avatar loniasgr avatar mariosinani avatar nasa9084 avatar tibuurcio 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  avatar  avatar  avatar  avatar

hyper-pokemon's Issues

tmux status bar unreadable

Describe the bug
tmux status bar is unreadable

To Reproduce
launch tmux

Expected behavior
A high contrast between the text and background in the status bar

Screenshots
Screenshot 2022-12-12 at 15 31 10

Technical Info (please complete the following information)

  • OS: macOS 13.0 (Darwin Kernel Version 22.1.0)
  • Hyper version: 3.3.0
  • Hyper-Pokemon version: 0.4.6

Additional context
May be related to #48

Feature Request: Shiny Mons?

Will you be adding shiny Pokemon at some point? Or perhaps adding a way for there to be a 1/8k chance that a shiny image will show instead of the normal one? :P

Request: Add theme to Hyper Store

Description

The official Hyper theme store is now live. Would you mind adding it there so more people can access it?
Original issue thread on the hyper repo is here.
Thank you very much for your work and the theme! 🎉

Nano menu unreadable

Hi all, I would like to ask for help about unreadable menu in nano editor.

Describe the bug
The foreground color in nano makes the menu unreadable

To Reproduce
just try to nano any file.

Expected behavior
The menu should be readable. Like here in hyper-material-theme
Screenshot from 2019-05-31 07-37-06

Screenshots
Here is the nano in hyper-pokemon theme
Screenshot from 2019-05-31 07-39-25

Technical Info (please complete the following information)

  • OS: Ubuntu Disco Dingo (19.04)
  • Hyper version: 3
  • Hyper-Pokemon version: 0.4.6

Additional context
I have installed oh-my-zsh and pure.

I have followed the npm installation in pure.

This is my hyper.js
carbon

That's all. Thank you!

Issue: No theme within the terminal on Hyper 2 Canary releases

Description

I've just installed (and reinstalled) hyper-pokemon and I've set up my .hyper.js as specified in the Usage section but I am not seeing the theme in the terminal. The tabs are styled properly, I've even got the poketab( and love it! ), but nothing inside the terminal.
I'm using:
Hyper 2.1.1,
hyper-pokemon 0.3.4,
Mac ElCapitan 10.11.6

I have checked the package in ~/.hyper_plugins/node_modules/hyper-pokemon everything seems to be in order there. There's nothing strange in the app console as far as I can tell.

I'm just getting started using Hyper, so I'm not sure where else I should look for the issue.

screen shot 2017-11-30 at 4 26 31 pm
screen shot 2017-11-30 at 4 31 52 pm

.hyper.js

module.exports = {
  config: {
    // default font size in pixels for all tabs
    fontSize: 16,

    // font family with optional fallbacks
    fontFamily: 'Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',

    // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
    cursorColor: 'rgba(248,28,229,0.8)',

    // `BEAM` for |, `UNDERLINE` for _, `BLOCK` for █
    cursorShape: 'UNDERLINE',

    // color of the text
    foregroundColor: '#fff',

    // terminal background color
    backgroundColor: '#000',

    // border color (window, tabs)
    borderColor: '#333',

    // custom css to embed in the main window
    css: 'text-shadow: 0px 0px 15px rgb(255, 255, 255);',

    // custom css to embed in the terminal window
    termCSS: '',

    // custom padding (css format, i.e.: `top right bottom left`)
    padding: '12px 14px',

    // the full list. if you're going to provide the full color palette,
    // including the 6 x 6 color cubes and the grayscale map, just provide
    // an array here instead of a color map object
    colors: {
      black: '#000000',
      red: '#ff0000',
      green: '#33ff00',
      yellow: '#ffff00',
      blue: '#0066ff',
      magenta: '#cc00ff',
      cyan: '#00ffff',
      white: '#d0d0d0',
      lightBlack: '#808080',
      lightRed: '#ff0000',
      lightGreen: '#33ff00',
      lightYellow: '#ffff00',
      lightBlue: '#0066ff',
      lightMagenta: '#cc00ff',
      lightCyan: '#00ffff',
      lightWhite: '#ffffff'
    },
      pokemon: 'pikachu', // Define your favorite pokemon theme
      pokecursor: 'true', // Activate your theme's pokecursor
      pokemonSyntax: 'dark', // Define the color of the terminal tabs
      unibody: 'true', // Define the color of the Hyper window header
      poketab: 'true',

    // the shell to run when spawning a new session (i.e. /usr/local/bin/fish)
    // if left empty, your system's login shell will be used by default
    shell: '/bin/zsh',

    // for setting shell arguments (i.e. for using interactive shellArgs: ['-i'])
    // by default ['--login'] will be used
    shellArgs: ['--login'],

    // for environment variables
    env: {},

    // set to false for no bell
    bell: 'SOUND',

    // if true, selected text will automatically be copied to the clipboard
    copyOnSelect: false,

    // URL to custom bell
    // bellSoundURL: 'http://example.com/bell.mp3',

    // for advanced config flags please refer to https://hyper.is/#cfg

  },

  // a list of plugins to fetch and install from npm
  // format: [@org/]project[#version]
  // examples:
  //   `hyperpower`
  //   `@company/project`
  //   `project#1.0.1`
    plugins: ['hyper-pokemon'],

  // in development, you can create a directory under
  // `~/.hyper_plugins/local/` and include it here
  // to load it and avoid it being `npm install`ed
  localPlugins: []
};

Gengar font color

image

I am having a really hard time using Gengar theme atm... the color is just all white and sometimes it goes over the pokemon's teeth thus can see a thing.

While editing file, we don't see the shortcuts

Describe the bug
When you use nano to edit a file, you can not see the editing keyboard shortcuts (see screenshot below)

To Reproduce
Steps to reproduce the behavior.

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Technical Info (please complete the following information)

  • OS: Mac OS
  • Hyper version: 2.0.0
  • Hyper-Pokemon version: 0.4.2

Additional context
capture d ecran 2018-07-05 a 17 56 55

Make Poketab icon visible even when single tab is opened

This plugin is very cool and thank you for your great job.
I love Poketab function especially.

However, Poketab icon is visible only when multiple tabs are opened.
How about make Poketab icon visible even when single tab is opened?

Preview

2018-12-19 2 39 33

I have already implemented this change in my fork of this repository.
If this change is acceptable, can I create a new pull request for it?

Change tab color (MacOS)

Hello,

first I wanna thank you for a beautiful theme, second I would like to know if it is possible to change tab color, because I really hate that grey color there.

Thank you

Snímek obrazovky 2019-05-06 v 20 39 32

Issue: Pokecursors not appearing

Description

pokecursors not apearring

Theme settings

   pokemon: 'random', // Define your favorite pokemon theme
    pokecursor: 'true', // Activate your theme's pokecursor
    pokemonSyntax: 'dark', // Define the color of the terminal tabs
    unibody: 'true', // Define the color of the Hyper window header
    poketab: 'true', // Deactivate your theme's poketab

Environment

manjaro linux 17
Hyper 1.4.8 (stable)
hyper-pokemon 0.3.5

Additional Information

screenshot_20180306_145110

Feature: .YML file for pokemon color palettes

Wouldn't it be cleaner if a yml file is used to update the list of color palettes? This way a random theme could already be implemented by just selecting a random index from the array of pokemon in the yml file.

Hacktoberfest: Update Dependencies

Hello! : )
Celebrating 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! 🎉

Unable to see branch name with agnoster

I'm not able to see the name of my branch (even when highlighted) using agnoster for bash, when I use the hyper-pokemon theme.

When I remove the hyper-pokemon theme, the branch name is shown correctly.

image

  • OS: Windows 10, WSL
  • Hyper version: 2.0.0
  • Hyper-Pokemon version: 0.4.5

Add transparency

Having a transparent background / terminal would be awesome.

I don't know what's the best way to do this yet, as the images themself are not transparent, but maybe with some css quirks it can be made transparent without affecting the text inside the terminal.

Issue: Misalignment with the WSL Bash shell

It looks like alignment for the cursor icon is not quite right in the WSL Bash shell.

Top most line
https://a.safe.moe/olZ5k.png

And it overlays previous lines
https://a.safe.moe/hxghh.png

Also theres an issue with shells such as fish where it covers up auto completion text.
https://a.safe.moe/RboJl.png

^^Tbh idk if there would be an acceptable solution to that 3rd one. I might have to turn it off. However is there a way to have that icon appear in the title bar for single "tab" sessions? As I really like that feature and don't want to have it completely gone. As most of my sessions don't involve having multiple tabs open currently.

Hyper-Pokemon Broken on 1.4.2?

Hyper doesn't seem to want to load with hyper-pokemon enabled on 1.4.2

No error, the window just doesn't load, but I do see 2 of the processes in task manager going.

Idk if my windows build has anything to do with it but its 16257.

Always shows only pikachu background

in the config.pokemon, I changed it to random, charizard, blastoise, ... full reload the terminal, close and open again but none of them works. It always shows the Pikachu background.
Any advice?

Omanyte/Omastar Themes and PokeCursors mismatched

Description

When selecting the Omanyte or Omastar themes, I see that the themes are mismatched so that selecting Omanyte in the configuration gives the Omastar theme in Hyper. Selecting Omastar in the configuration presents the Omanyte theme in Hyper. However the PokeCursor seems to match correctly with the selected theme in the hyper config

Screenshot 1 - Omastar, but Omanyte theme
image

Screenshot 2 - Omanyte, but Omastar theme
image

Theme settings

Settings for screenshot

// Hyper-Pokemon configs - Screenshot 1
pokemon: 'omastar', // Define your favorite pokemon theme! 
pokecursor: 'true', // Activate your theme's pokecursor! 
pokemonSyntax: 'light', // Define the color of the terminal tabs! 
unibody: 'true', // Define the color of the Hyper window header! 


// Hyper-Pokemon configs - Screenshot 2
pokemon: 'omanyte', // Define your favorite pokemon theme! 
pokecursor: 'true', // Activate your theme's pokecursor! 
pokemonSyntax: 'light', // Define the color of the terminal tabs! 
unibody: 'true', // Define the color of the Hyper window header! 

Environment

OS: Windows 10
Hyper: 1.3.3
Hyper Pokemon: 0.3.1

Error: hyper-pokemon plugin not working.

Hi,
I installed hyper1.3.3 in my mac book , and run hpm install hyper-pokemon to install hyper-pokemon plugin.
After installed, it returned error :

Uncaught Error: Could not call remote function ''. Check that the function signature is correct. Underlying error: Cannot read property 'toLowerCase' of undefined     remote.js:217
Error: Could not call remote function ''. Check that the function signature is correct. Underlying error: Cannot read property 'toLowerCase' of undefined
    at callFunction (/Applications/Hyper.app/Contents/Resources/electron.asar/browser/rpc-server.js:235:11)
    at EventEmitter.<anonymous> (/Applications/Hyper.app/Contents/Resources/electron.asar/browser/rpc-server.js:342:5)
    at emitMany (events.js:127:13)
    at EventEmitter.emit (events.js:201:7)
    at WebContents.<anonymous> (/Applications/Hyper.app/Contents/Resources/electron.asar/browser/api/web-contents.js:231:13)
    at emitTwo (events.js:106:13)
    at WebContents.emit (events.js:191:7)metaToValue @ remote.js:217L.subscribe @ bundle.js:47emitOne @ events.js:96emit @ events.js:188

It's hyper-pokemon plugin no working in hyper1.3.3 ?
Thanks for your work !

The new version including 16 colors?

Is possible the new version include 16 colors for the all templates like the stars wars theme? The problem is that the path/branch color have only one color.

Thanks

Feature Request: Randomize themes by tab

Hi! your hpm is awesome, and I put here this feature request:

When I select a pokemon: 'random', or pokemon: 'fire', or some other pokemon type I want a new theme for every tab I open in Hyper.

Thanks!

hyper-pokemon on Hyper 2.0 update is not working properly

Description

I have updated my Hyper Terminal on Windows 10 an hour ago and my hyper-pokemon plugin is now not working properly.

My installation is manually. I have created .hyper.js in my c:\Users\my-user and followed the instructions you have in your repo. Everything was workin all right before the update.

Environment

I have Windows 10 64 bit Version 1709

Additional Information

I have included one picture of the problem

hyper-problem_041718

Pasting text into terminal shows it as a block

Describe the bug
When I paste code into the terminal, it just displays a block of colour?

Screenshots
Screenshot 2020-05-11 at 13 42 10

This is the terminal after pasting something in.

Technical Info (please complete the following information)

  • OS: Mac OS
  • Hyper version: stable
  • Hyper-Pokemon version: 0.4.6

Love the themes by the way :) Just had this little issue and wasn't sure if it was on my side or on the theme side.

Add more pokemon theme.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is.

Describe the solution you'd like
A clear and concise description of what you want to happen.

Additional context
Add any other context or screenshots about the feature request here.

Text Aliasing w/ WebGL Renderer

Hia,

I've been experimenting with setting up this plugin on windows, and I've noticed that the font rendering seems to be messed up when enabling this plugin. The clearest example that you can see is comparing the text in the console to the text in the windows non client area
image

See Zoomed in comparison:
image

I'm using a default config file, with the only addition being "hyper-pokemon" to the plugins. Hyper version 3.2.1
hyper-config.txt

However, when you set webGLRenderer: false inside the hyper config, the font issues disappear.

Here's the output of the "hyper -v" for both situations they are identical
HyperWebGLFalse.txt
HyperWebGLTrue.txt

Auto tab background color change based on text color

Description

I'd like it if the tabs would change the background color based on if the text color is a dark color vs a light color because this is really difficult to read for tabs. Even making the tabs match the color (or slightly darker) of the window (like how unibody works) would also be awesome!

Theme settings

// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.

module.exports = {
  config: {
    // Choose either "stable" for receiving highly polished,
    // or "canary" for less polished but more frequent updates
    updateChannel: 'stable',

    // default font size in pixels for all tabs
    fontSize: 12,

    // font family with optional fallbacks
    fontFamily: 'Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',

    // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
    cursorColor: 'rgba(248,28,229,0.8)',

    // `BEAM` for |, `UNDERLINE` for _, `BLOCK` for █
    cursorShape: 'BLOCK',

    // set to true for blinking cursor
    cursorBlink: false,

    // color of the text
    foregroundColor: '#000',

    // terminal background color
    backgroundColor: '#000',

    // border color (window, tabs)
    borderColor: '#000',

    // custom css to embed in the main window
    css: '',

    // custom css to embed in the terminal window
    termCSS: '',

    // set to `true` (without backticks) if you're using a Linux setup that doesn't show native menus
    // default: `false` on Linux, `true` on Windows (ignored on macOS)
    showHamburgerMenu: 'true',

    // set to `false` if you want to hide the minimize, maximize and close buttons
    // additionally, set to `'left'` if you want them on the left, like in Ubuntu
    // default: `true` on windows and Linux (ignored on macOS)
    showWindowControls: 'left',

    // custom padding (css format, i.e.: `top right bottom left`)
    padding: '12px 14px',

    // the full list. if you're going to provide the full color palette,
    // including the 6 x 6 color cubes and the grayscale map, just provide
    // an array here instead of a color map object
    colors: {
      black: '#000000',
      red: '#ff0000',
      green: '#33ff00',
      yellow: '#ffff00',
      blue: '#0066ff',
      magenta: '#cc00ff',
      cyan: '#00ffff',
      white: '#d0d0d0',
      lightBlack: '#808080',
      lightRed: '#ff0000',
      lightGreen: '#33ff00',
      lightYellow: '#ffff00',
      lightBlue: '#0066ff',
      lightMagenta: '#cc00ff',
      lightCyan: '#00ffff',
      lightWhite: '#ffffff'
    },
    pokemon: ['dratini', 'legendary'],
    pokecursor: 'false',
    pokemonSyntax: 'light',
    unibody: 'true',
    poketab: 'false',


    // the shell to run when spawning a new session (i.e. /usr/local/bin/fish)
    // if left empty, your system's login shell will be used by default
    //
    // Windows
    // - Make sure to use a full path if the binary name doesn't work
    // - Remove `--login` in shellArgs
    //
    // Bash on Windows
    // - Example: `C:\\Windows\\System32\\bash.exe`
    //
    // Powershell on Windows
    // - Example: `C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe`
    shell: '',

    // for setting shell arguments (i.e. for using interactive shellArgs: ['-i'])
    // by default ['--login'] will be used
    shellArgs: ['--login'],

    // for environment variables
    env: {},

    // set to false for no bell
    bell: 'SOUND',

    // if true, selected text will automatically be copied to the clipboard
    copyOnSelect: false,

    // if true, on right click selected text will be copied or pasted if no
    // selection is present (true by default on Windows)
    // quickEdit: true

    // URL to custom bell
    // bellSoundURL: 'http://example.com/bell.mp3',

    // for advanced config flags please refer to https://hyper.is/#cfg
    hyperTabs: {
      tabIcons: false,
    }
  },

  // a list of plugins to fetch and install from npm
  // format: [@org/]project[#version]
  // examples:
  //   `hyperpower`
  //   `@company/project`
  //   `project#1.0.1`
  plugins: ["hyper-pokemon", "hyper-spotify", "hyper-tabs-enhanced"],

  // in development, you can create a directory under
  // `~/.hyper_plugins/local/` and include it here
  // to load it and avoid it being `npm install`ed
  localPlugins: [],

  keymaps: {
    // Example
    // 'window:devtools': 'cmd+alt+o',
  }
};

Environment

Hyper 1.4.8 -> Hyper-Pokemon 0.3.3 -> Ubuntu 17.04

Additional Information

Dratini is a great example.

Background image will cover window size

Describe the bug
When resizing windows the pokemon image will be cut out
To Reproduce
Resizing window

Expected behavior
Image will contains within window

Screenshots

Technical Info (please complete the following information)

  • OS: Window
  • Hyper version: lastest
  • Hyper-Pokemon version: lastest

Additional context
Maybe problems in index.html to set the position to cover instead of relative ?

Cursor colour change on certain themes

Is your feature request related to a problem? Please describe.
On certain themes it is really difficult to see the cursor, i.e. the Jynx theme, it is super difficult to locate my mouse cursor in a reasonable amount of time, I feel as though the cursor colour should change per theme so that I can locate my mouse cursor/

Describe the solution you'd like
Good colour disparity between theme and mouse cursor

Additional context
Would print screen but cursor doesn't appear - sad times

Agnoster Theme Prompt: Highlight color is same as background color

First of all: Thank you for your work. It was the main reason I changed to using hyper full time. 🙇 😄

Description

The highlighting color of specific elements are the same as their background:
screen shot 2017-06-22 at 11 08 23

For reference this is the same content with highlighting everything:
screen shot 2017-06-22 at 11 08 29

This does not happen, if I disable the plugin:
screen shot 2017-06-22 at 11 30 09
screen shot 2017-06-22 at 11 30 13

I am going to write anything specific to styling and setup I know. If I miss something please let me know, then I'll update the issue description. 😄

Theme settings

module.exports = {
  config: {
    ...
    colors: {
      black: '#626262',
      red: '#ff8373',
      green: '#d4fb73',
      yellow: '#fffdc3',
      blue: '#a5d5fe',
      magenta: '#ff90fe',
      cyan: '#d1d1fe',
      white: '#f1f1f1',
      lightBlack: '#8f8f8f',
      lightRed: '#ffc4be',
      lightGreen: '#d6fcba',
      lightYellow: '#fffed5',
      lightBlue: '#c2e3ff',
      lightMagenta: '#ffb2fe',
      lightCyan: '#e6e7fe',
      lightWhite: '#ffffff'
    },

    pokemon: 'random',
    pokemonSyntax: 'dark',
    unibody: true,

    ...
  }
}

Environment

  • macOS 10.12.5
  • Hyper 1.3.3.1754 (from Hyper -> About)
  • zsh 5.3.1
  • zprezto (https://github.com/sorin-ionescu/prezto)
  • agnoster theme (bundled in prezto)
  • powerline patched fira code font
  • hyper-pokemon 0.2.0 (from npm version from inside ~/.hyper_plugins/node_modules/hyper-pokemon)

Issue: Plugin Load Error

I'm getting this Hyper error when following the installation steps:

screenshot

Also, in the dev console I get this:

screenshot2

Here's my hyper.js config file:

module.exports = {
config: { 
// default font size in pixels for all tabs
fontSize: 12,

// font family with optional fallbacks
fontFamily: 'Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',

// terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
cursorColor: 'rgba(92,230,205,0.8)',

// `BEAM` for |, `UNDERLINE` for _, `BLOCK` for █
cursorShape: 'BLOCK',

// color of the text
foregroundColor: '#5ce6cd',

// terminal background color
backgroundColor: '#000',

// border color (window, tabs)
borderColor: '#000',

// custom css to embed in the main window
css: '',

// custom css to embed in the terminal window
termCSS: '',

// set to `true` (without backticks) if you're using a Linux setup that doesn't show native menus
// default: `false` on Linux, `true` on Windows (ignored on macOS)
showHamburgerMenu: '',

// set to `false` if you want to hide the minimize, maximize and close buttons
// additionally, set to `'left'` if you want them on the left, like in Ubuntu
// default: `true` on windows and Linux (ignored on macOS)
showWindowControls: '',

// custom padding (css format, i.e.: `top right bottom left`)
padding: '12px 14px',

// the full list. if you're going to provide the full color palette,
// including the 6 x 6 color cubes and the grayscale map, just provide
// an array here instead of a color map object
colors: {
  black: '#000000',
  red: '#ff0000',
  green: '#33ff00',
  yellow: '#ffff00',
  blue: '#0066ff',
  magenta: '#cc00ff',
  cyan: '#00ffff',
  white: '#d0d0d0',
  lightBlack: '#808080',
  lightRed: '#ff0000',
  lightGreen: '#33ff00',
  lightYellow: '#ffff00',
  lightBlue: '#0066ff',
  lightMagenta: '#cc00ff',
  lightCyan: '#00ffff',
  lightWhite: '#ffffff'
},

// hyper-pokemon config
pokemon: 'random',
pokemonSyntax: 'dark',
unibody: 'true',

// the shell to run when spawning a new session (i.e. /usr/local/bin/fish)
// if left empty, your system's login shell will be used by default
// make sure to use a full path if the binary name doesn't work
// (e.g `C:\\Windows\\System32\\bash.exe` instad of just `bash.exe`)
// if you're using powershell, make sure to remove the `--login` below
shell: 'zsh',

// for setting shell arguments (i.e. for using interactive shellArgs: ['-i'])
// by default ['--login'] will be used
shellArgs: ['--login'],

// for environment variables
env: {},

// set to false for no bell
bell: 'SOUND',

// if true, selected text will automatically be copied to the clipboard
copyOnSelect: false,

// if true, on right click selected text will be copied or pasted if no
// selection is present (true by default on Windows)
// quickEdit: true

// URL to custom bell
// bellSoundURL: 'http://example.com/bell.mp3',

// for advanced config flags please refer to https://hyper.is/#cfg

// hyperterm-overlay settings
// overlay: {
//   alwaysOnTop: false,
//   animate: false,
//   hasShadow: false,
//   hideDock: false,
//   hideOnBlur: false,
//   hotkeys: ['Cmd+Space'],
//   position: 'top',
//   primaryDisplay: false,
//   resizable: true,
//   startAlone: false,
//   startup: false,
//   size: 0.5,
//   tray: true,
//   unique: false
// },
},

// a list of plugins to fetch and install from npm
// format: [@org/]project[#version]
// examples:
//   `hyperpower`
//   `@company/project`
//   `project#1.0.1`
plugins: [// 'hyper-electron-highlighter',
// 'hyperterm-hipster',
// 'hyperambient',
// 'hyperline',
// 'htyt',
// 'hyper-transparent-bg',
// 'hyperterm-tabby',
// 'hyper-always-on-top',
// 'hyper-pane',
// 'hyperterm-overlay',
// 'hyperborder',
'hyperminimal', 'hyperlinks', 'hypercwd', 'hyperterm-alternatescroll', 'hyper-snazzy', 'hyperterm-tab-numbers', 'hyper-tabs-enhanced', 'hyper-dark-scrollbar', "hyper-pokemon"],
// in development, you can create a directory under
// `~/.hyper_plugins/local/` and include it here
// to load it and avoid it being `npm install`ed
localPlugins: []
};

OS MacOS Sierra v10.12.5

What could be wrong? Thanks! 😄

Exclude some pokemon from random

Is your feature request related to a problem? Please describe.
Maybe #43 and #12

Describe the solution you'd like
I like this pokemon themes, they are very cute, I'm using with pokemon: 'random' and hyper-opacity plugin.
However, sometime it is hard to read the text because of its color.
So I want to exclude some pokemons from random, hou about to add exclude config option and exclude them?
If it is ok, I will make a PR.

Additional context
nothing

Allow the theme to change automatically with a command

It would be really cool if the theme could be changed dynamically rather than going into the configuration file and changing the pokemon tag.

The following would be examples of what I mean:

pokemon charizard --unibody false --poketab true

or

pokemon ['charizard', 'articuno', 'pikachu'] --unibody false --poketab true

Describe the solution you'd like
A possible solution would be to have the hyper.js file source from another theme.js file and the command would change the contents of the theme.js file.

The theme.js file could just have the following:

config {
    pokemon: ['articuno', 'zapdos', 'moltres', 'mewtwo', 'mew'],
    unibody: 'false',
    poketab: 'false'
}

Then this file could be sourced from the default hyper configuration file.

I think that this would be a really cool feature and would allow the user to change the theme on the fly.

Theme incompatible with Hyper v2

Description

There is a white background covering my pokemon theme ever since Hyper's latest upgrade to version 2.0.

Theme settings

// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.

module.exports = {
  config: {
    // Choose either "stable" for receiving highly polished,
    // or "canary" for less polished but more frequent updates
    updateChannel: 'stable',

    // default font size in pixels for all tabs
    fontSize: 12,

    // font family with optional fallbacks
    fontFamily: 'Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',

    // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
    cursorColor: 'rgba(248,28,229,0.8)',

    // `BEAM` for |, `UNDERLINE` for _, `BLOCK` for █
    cursorShape: 'BLOCK',

    // set to true for blinking cursor
    cursorBlink: false,

    // color of the text
    foregroundColor: '#fff',

    // terminal background color
    backgroundColor: '#000',

    // border color (window, tabs)
    borderColor: '#333',

    // custom css to embed in the main window
    css: '',

    // custom css to embed in the terminal window
    termCSS: '',

    // set to `true` (without backticks) if you're using a Linux setup that doesn't show native menus
    // default: `false` on Linux, `true` on Windows (ignored on macOS)
    showHamburgerMenu: '',

    // set to `false` if you want to hide the minimize, maximize and close buttons
    // additionally, set to `'left'` if you want them on the left, like in Ubuntu
    // default: `true` on windows and Linux (ignored on macOS)
    showWindowControls: '',

    // custom padding (css format, i.e.: `top right bottom left`)
    padding: '12px 14px',

    // the full list. if you're going to provide the full color palette,
    // including the 6 x 6 color cubes and the grayscale map, just provide
    // an array here instead of a color map object
    colors: {
      black: '#000000',
      red: '#ff0000',
      green: '#33ff00',
      yellow: '#ffff00',
      blue: '#0066ff',
      magenta: '#cc00ff',
      cyan: '#00ffff',
      white: '#d0d0d0',
      lightBlack: '#808080',
      lightRed: '#ff0000',
      lightGreen: '#33ff00',
      lightYellow: '#ffff00',
      lightBlue: '#0066ff',
      lightMagenta: '#cc00ff',
      lightCyan: '#00ffff',
      lightWhite: '#ffffff'
    },
      
      pokemon: 'random',
      pokecursor: 'true',
      pokemonSyntax: 'light',
      unibody: 'false',
      poketab: 'true',

    // the shell to run when spawning a new session (i.e. /usr/local/bin/fish)
    // if left empty, your system's login shell will be used by default
    //
    // Windows
    // - Make sure to use a full path if the binary name doesn't work
    // - Remove `--login` in shellArgs
    //
    // Bash on Windows
    // - Example: `C:\\Windows\\System32\\bash.exe`
    //
    // Powershell on Windows
    // - Example: `C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe`
    shell: '',

    // for setting shell arguments (i.e. for using interactive shellArgs: ['-i'])
    // by default ['--login'] will be used
    shellArgs: ['--login'],

    // for environment variables
    env: {},

    // set to false for no bell
    bell: 'SOUND',

    // if true, selected text will automatically be copied to the clipboard
    copyOnSelect: false

    // if true, on right click selected text will be copied or pasted if no
    // selection is present (true by default on Windows)
    // quickEdit: true

    // URL to custom bell
    // bellSoundURL: 'http://example.com/bell.mp3',

    // for advanced config flags please refer to https://hyper.is/#cfg
  },

  // a list of plugins to fetch and install from npm
  // format: [@org/]project[#version]
  // examples:
  //   `hyperpower`
  //   `@company/project`
  //   `project#1.0.1`
  plugins: ['hyper-pokemon'],

  // in development, you can create a directory under
  // `~/.hyper_plugins/local/` and include it here
  // to load it and avoid it being `npm install`ed
  localPlugins: [],

  keymaps: {
    // Example
    // 'window:devtools': 'cmd+alt+o',
  }
};

Environment

I am using Hyper v2.0, Hyper Pokemon version 0.3.5. I am running Hyper on Windows 10 Pro, 64-bit operating system, x64-based processor.

Additional Information

capture

[Feature Request] Custom background transparency

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

Describe the solution you'd like
I want a translucent effect like iTerm.
How about adding a configuration to custom opacity?

Additional context
Add any other context or screenshots about the feature request here.

image
image

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.