Git Product home page Git Product logo

verminal's Introduction

icon
Verminal


banner

INTRODUCTION

Verminal is a beautiful, fully customizable, theme for the Hyper terminal.


🛠 Install

Installing the Verminal theme for your Hyper terminal couldn't be easier.

Inside Your Hyper Terminal
  1. hyper i verminal
Manually
  1. Open ~/.hyper.js in your favorite editor.
  2. Add verminal to the plugins array.
  3. Enjoy Verminal.


⚙️ Configure

Verminal aims to deliver a beautiful experience out of the box. However, you can override the font-family or font-size specified by Verminal.

  1. Open ~/.hyper.js in your favorite editor.
  2. Add a verminal object to the config object and specify fontFamily and/or fontSize.
Example
verminal: {
  fontFamily: '"My favourite font"',
  fontSize: 16
}


⚡️ Contribute

Verminal is built by developers, for developers. If you are a developer and want to help improve our themes, you're more than welcome to contribute.

  1. Fork this repository to your own GitHub account.
  2. Clone to your local device: git clone [email protected]:<your_github_username>/verminal.git
  3. Install the dependencies: npm install


👭 Friends



🔑 License

MIT © Vernon de Goede & Giel Cobben

verminal's People

Contributors

baukevanderlaan avatar benfes avatar dhruvdutt avatar gielcobben avatar iamdecode avatar jakobereksen avatar rickwong avatar vernondegoede 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

verminal's Issues

Question about theme

I was looking at the example and I was wondering how to turn my current one on Windows to the example one. Maybe even if it's possible to hide powershell and try get the mac os buttons at the top (if not, at least the cleaner PS-less interface).

Currently this is mine:
image

Plugin error! "verminal" when decorating decorateConfig

This is the error whenever I start Hyper and it fallsback to default Hyper theme.

This is my .hyper.js config file:

module.exports = {
    config: {
        // Choose either "stable" for receiving highly polished,
        // or "canary" for less polished but more frequent updates
        updateChannel: "stable",
        visor: {
            hotkey: "Command+Control+H"
                // position: 'right', // or left, right, bottom
        },
        hyperTransparentDynamic: {
            alpha: 1 // default 50%
        },


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

        // font family with optional fallbacks
        fontFamily: "'SF Mono', 'Fira Code', 'Mononoki', 'DroidSansMono Nerd Font', Hasklig, Consolas, 'Courier New', 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: "BEAM",

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

        // 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"
        },

        // 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: [
        "hyperterm-paste",
        "hyperterm-alternatescroll",
        "hypernpm",
        "hyper-fileio",
        "hyperlinks",
        "hyperdocs",
        "hypergoogle",
        "hyper-match",
        "gitrocket",
        "hyper-statusline",
        "hypercwd",
        "hyper-search",
        "hyper-tab-icons",
        "hyper-spotify",
        "hyperterm-1password",
        "hyperterm-focus-reporting",
        "hyper-vsplit-fix",
        "verminal",
        'hyper-transparent-dynamic'
    ],

    // 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',
    }
};

Dev tools close resets vibrancy

As soon as the dev tools are closed the window's vibrancy get's reset/changed to false and returns the default dark/black window.

Example:
bug

What font did you use?

Hey! I was wondering what's the font which is used with the verminal theme displayed on README.md!

Loving it

I use this with hyper-flat as a backup and feel immensely more zen coding. I have been able to get the new graphics working on a 2019 Mac running 10.15 and it looks just like the photo. But there feel to be some rough edges around keeping the effect working and the gl display effects gives way to the chosen fallback which is nice but not with a usable amount of translucency.

Corner radius lost?

First off, great looking theme! It seems that corner radius is lost on the top:

screen shot 2018-05-15 at 12 31 26 pm

Other themes don't seem to have the problem.

Expose more configuration options

Hi,

I am using hyper on windows, and while the theme looks OK, the default transparency option is really unusable over any window containing text because there is no blur. It would be nice if you could expose the color variables as config options so that we can override these ourselves.

For example, setting backgroundColor to rgba(30, 30, 30, .90) was far more readable than the default rgba(0, 0, 0, .65)

I am concerned, however, that I'll have to keep re-doing this change if you update the theme.

Include NerdFonts

First, I really like this theme!

But I'm using a prompt (starhsip) that requires a Nerd Font. Could this theme could include one of these for better UX?

screenshot

screenshot

should look like this:

Bildschirmfoto 2021-11-04 um 20 29 25

Selection color

Screen Shot 2020-05-30 at 17 53 38

The selection color is still magenta

Can the selectionColor preference altered to match up with the cursor color?

Not respecting font size

When I change the font size using Verminal theme Hyper is hot changing it in the UI. Even switching to other themes didn't solve it.

I had to uninstall Verminal to fix it.

Override Colors

Hi, I like this theme but my problem is that I use a color palette which makes it easier for me to recognize files, how can I change the colors ? I tried editing them inside the index.js file directly but the changes get reset after I install another plugin.

Does not work with Mac OS monterey - "cmap no sub-tables"

I just updated to Mac OS Monterey and this specific theme is broken. I opened the dev tool and it throws for "cmap no sub-tables" error. I really enjoy using this theme for hyper terminal and appreciate the work put into this plugin. Please look into this issue, thank you!

How to look like screenshot?

I've just installed Hyper and installed your theme but it doesn't look like your screenshot. Any idea why? There are squared corners at the top, the top bar is a different shade to the rest, colours don't look right.

Verminal is the only plugin installed. There are no customisations to the hyper.js file other than to specify powerline fonts with:

    verminal: {
      fontFamily: '"Operator Mono SSm Lig", "PowerlineSymbols"',
      fontSize: 13
    },

Version: Hyper 2.0.0 (stable)
Theme: verminal (1.3.0)

hyper

Blurry background

How do I get the blurry background? I tried installing but it uses default colors instead

Not friendly with nano

everything works fine so far when i work on the terminal....
image

but when i use nano, because the font is white, and it is unable to see it with the background.
image

how to solve this problem?
Thanks in advance.

macOS Big Sur issues

Having some issues with the Verminal theme on the new macOS Big Sur.

Posted originally on Hyper's Github.
I'm experiencing great lag when the theme is enabled, - have tried to disable every other plugin, and it only seems like Verminal causes the issue.

I really enjoy the theme, can this be looked into?

Alpha value change after full screen

Hi,I really like this theme.But it has a problem. When I full screen, the alpha value of the background color will be change. Please try to fix this problem. Thanks!

Colors broken in Hyper v3.2.1

I've previously erroneously filed this with Hyper, but apparently it is an issue with verminal.

After upgrading Hyper from v3.2.0 to v3.2.1, these issues appeared:

  • some text became invisible,
  • autosuggested text gets a colored background (typically there's no background, it's a translucent macOS window).

Screenshots for invisible text issue comparsion between versions (htop command).

Version v3.2.1:
image

Version v3.2.0:
image

Colored background issue:
Version v3.2.1
image

Version v3.2.0
image

Fonts are not responding

I am having an ugly serif but I just cant change to the default which should be the pretty sans serif, even if a change to another one is just not responding

Breaks powerline fonts

Without Verminal
Screen Shot 2020-06-22 at 00 22 02

With Verminal:
Screen Shot 2020-06-22 at 00 23 08

I've spent 5 hours today trying to get my Powerline fonts working, and this whole time it was broken because of this theme 🤦‍♂️

The theme is beautiful but please fix whatever you're doing to the fonts! My guess is the theme is forcing a specific fontFamily.

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet. We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper App’s white list on Github. You'll find this list on your repo or organization’s settings page, under Installed GitHub Apps.

unable to install

Thanks for the theme but I couldn't install it. I have this mistake:

capture d ecran 2018-10-14 a 11 11 54

I use hyper 2.0.0.
Thanks you for your help!

fontSize stays at 12

Hello,

Whether I change config.fontSize or config.verminal.fontSize, the font size sticks at 12 as defined in https://github.com/defringe/verminal/blob/master/index.js#L17.

Any idea of what is happening?

Here is my config:

// 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: 16,

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

    // default font weight: 'normal' or 'bold'
    fontWeight: 'normal',

    // font weight for bold characters: 'normal' or 'bold'
    fontWeightBold: 'bold',

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

    // terminal text color under BLOCK cursor
    cursorAccentColor: '#000',

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

    // set to `true` (without backticks and without quotes) for blinking cursor
    cursorBlink: false,

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

    // terminal background color
    // opacity is only supported on macOS
    backgroundColor: '#000',

    // terminal selection color
    selectionColor: 'rgba(248,28,229,0.3)',

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

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

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

    // if you're using a Linux setup which show native menus, set to false
    // default: `true` on Linux, `true` on Windows, ignored on macOS
    showHamburgerMenu: '',

    // set to `false` (without backticks and without quotes) 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` (without backticks and without quotes) 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: '#C51E14',
      green: '#1DC121',
      yellow: '#C7C329',
      blue: '#0A2FC4',
      magenta: '#C839C5',
      cyan: '#20C5C6',
      white: '#C7C7C7',
      lightBlack: '#686868',
      lightRed: '#FD6F6B',
      lightGreen: '#67F86F',
      lightYellow: '#FFFA72',
      lightBlue: '#6A76FB',
      lightMagenta: '#FD7CFC',
      lightCyan: '#68FDFE',
      lightWhite: '#FFFFFF',
    },

    // 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` (without backticks and without quotes), selected text will automatically be copied to the clipboard
    copyOnSelect: false,

    // if `true` (without backticks and without quotes), hyper will be set as the default protocol client for SSH
    defaultSSHApp: true,

    // if `true` (without backticks and without quotes), on right click selected text will be copied or pasted if no
    // selection is present (`true` by default on Windows and disables the context menu feature)
    // 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: [
    "hyperterm-tabs",
    "hypercwd",
    "hyper-statusline",
    "verminal"
  ],

  verminal: {
    fontSize: 16,
  },

  // 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',
  },
};

In any case, thanks a lot for verminal.

Overwriting user specified fontSize

Hi, congratulations on releasing Verminal for Hyper – it looks great! 👌

I noticed that the fontSize I specified in ~/.hyper.js is overwritten by Verminal. Is this by design? If not, you might consider leaving this setting up to the user.

If you agree, I can try to fix it. I realize this is probably just removing fontSize: 12, from index.js but because this could be my first step in contributing to an open source repository, it would be a chance to fork, fix and submit a PR for the first time.

Looking forward to your reply!

Default the minimal to true

In order for it to look like the screenshot that's sold on the homepage,
image

I think we should default the hidden minimal setting to true
Kinda looked for it for 30 minutes.

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.