Hyper settings

.hyper.css

/* #window */

/* #terminal */
* {
	font-variant-ligatures: contextual;
}

.cursor-node[focus="true"] {
	mix-blend-mode: difference;
	animation: blink 2s infinite ease-in-out;
}

.cursor-node[focus="false"] {
	mix-blend-mode: difference;
	animation: rainbow 10s infinite linear;
}

@keyframes blink {
	0% {
		transform:translate(0%, 0%) scale(1,1);
	}
	25% {
		transform:translate(0%, 50%) scale(1,0);
	}
	50% {
		transform:translate(0%, 0%) scale(1,1);
	}
	75% {
		transform:translate(0%, -50%) scale(1,0);
	}
	100% {
		transform:translate(0%, 0%) scale(1,1);
	}
}

@keyframes rainbow {
	0% {
		border-color: hsl(0, 50%, 50%);
	}
	10% {
		border-color: hsl(36, 50%, 50%);
	}
	20% {
		border-color: hsl(calc(36*2), 50%, 50%);
	}
	30% {
		border-color: hsl(calc(36*3), 50%, 50%);
	}
	40% {
		border-color: hsl(calc(36*4), 50%, 50%);
	}
	50% {
		border-color: hsl(calc(36*5), 50%, 50%);
	}
	60% {
		border-color: hsl(calc(36*6), 50%, 50%);
	}
	70% {
		border-color: hsl(calc(36*7), 50%, 50%);
	}
	80% {
		border-color: hsl(calc(36*8), 50%, 50%);
	}
	90% {
		border-color: hsl(calc(36*9), 50%, 50%);
	}
	100% {
		border-color: hsl(360, 50%, 50%);
	}
}

.hyper.js

// -- hyper-stylesheet-hash:7f2e3214c14dc89d3aea614f6515f151 --
// 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: {
    // default font size in pixels for all tabs
    fontSize: 12,

    // font family with optional fallbacks
    fontFamily: '"Fira Code"',

    // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
    cursorColor: 'rgba(90, 184, 255, 255)',

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

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

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

    // terminal background color
    backgroundColor: '#0D0D0D',

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

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

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

    hyperTabs: {
      border: true,
      closeAlign: 'right',
      activityPulse: false
    },

    // 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
    // make sure to use a full path if the binary name doesn't work
    // (e.g `C:\\Windows\\System32\\bash.exe` instead of just `bash.exe`)
    // if you're using powershell, make sure to remove the `--login` below
    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",
    "hyper-tabs-enhanced",
    "hyper-dark-scrollbar",
    "hyper-stylesheet",
    "hyperborder"
  ],

  // 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: []
};