Skip to content

Instantly share code, notes, and snippets.

@kukiron
Last active November 17, 2019 07:24
Show Gist options
  • Save kukiron/1b5cdf7475ddfc5f215043c398e368e2 to your computer and use it in GitHub Desktop.
Save kukiron/1b5cdf7475ddfc5f215043c398e368e2 to your computer and use it in GitHub Desktop.
Latest Hyper setup & VSCode styles
// 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: "Roboto Mono Medium, Fira Code Medium, Liga Dank Mono Medium, SF Mono, Consolas, monospace",
// default font weight: 'normal' or 'bold'
fontWeight: 'bold',
// font weight for bold characters: 'normal' or 'bold'
fontWeightBold: 'bold',
// line height as a relative unit
lineHeight: 1,
// letter spacing as a relative unit
letterSpacing: 0,
// terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
cursorColor: '#FFC600',
// 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: true,
// color of the text
foregroundColor: '#fbfbfb',
// terminal background color
// opacity is only supported on macOS
backgroundColor: "rgba(15, 20, 25, 0.98)",
// terminal selection color
selectionColor: "rgba(185,224,37,.75)",
// border color (window, tabs)
borderColor: '#333',
// custom CSS to embed in the main window
css: `
.terms_terms {
letter-spacing: 0.35px !important;
}
`,
// 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: "cmd.exe", // for Cmder
shell: "C:\\Program Files\\Git\\git-cmd.exe", // for git-bash --latest
// for setting shell arguments (i.e. for using interactive shellArgs: `['-i']`)
// by default `['--login']` will be used
// shellArgs: ["/k", "C:\\Users\\kukiron\\vendor\\init.bat"], // for Cmder
// shellArgs: ['--login', '-i', '/c wsl'],
shellArgs: ["--command=usr/bin/bash.exe", "-l", "-i"], // for git-bash --latest
// for environment variables
env: { TERM: "cygwin" }, // required for git-for-windows (Cmder setup)
// 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: false,
// choose either `'vertical'`, if you want the column mode when Option key is hold during selection (Default)
// or `'force'`, if you want to force selection regardless of whether the terminal is in mouse events mode
// (inside tmux or vim with mouse mode enabled for example).
macOptionSelectionMode: 'vertical',
// URL to custom bell
// bellSoundURL: 'http://example.com/bell.mp3',
// Whether to use the WebGL renderer. Set it to false to use canvas-based
// rendering (slower, but supports transparent backgrounds)
webGLRenderer: true,
// 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-tabs-enhanced"],
/** Custom Settings STARTS */
hyperTabs: {
trafficButtons: true,
border: true,
closeAlign: "right",
tabIconsColored: true,
activityColor: "yellow"
},
/** Custom Settings ENDS */
// 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',
},
};
.monaco-shell {
font-family: "Lekton", "Operator Mono Light", "Inconsolata", monospace;
}
/*
Fat Cursor.
This overwrites the "underline thin" style since that is one that can be styled with CSS
So set your settings to:
"editor.cursorStyle": "underline-thin",
.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
border-bottom-width: 0;
border-left-width: 3px;
border-left-style: solid;
background: transparent !important;
box-sizing: border-box;
}
*/
/* This makes the dirty tab circle yellow */
.vs-dark .monaco-workbench>.part.editor>.content>.one-editor-silo>.container>.title .tabs-container>.tab.dirty .close-editor-action {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' height='16' width='16'%3E%3Ccircle fill='%23ffc600' cx='8' cy='8' r='4'/%3E%3C/svg%3E") 50% no-repeat;
}
.monaco-workbench>.editor>.content>.one-editor-silo {
border-top: 1px solid #15232d !important;
}
.one-editor-silo+.one-editor-silo {
border-left: 1px solid #15232d !important;
}
/*
This puts a thin yellow border around the found items like Sublime did it
*/
.monaco-editor .findMatch,
.monaco-editor .selectionHighlight {
border: 1px solid #ccff00;
border-radius: 2px;
background: transparent;
}
/* This accounts for larger font cutting off - bump up 3px */
.monaco-workbench>.activitybar>.content .monaco-action-bar .badge .badge-content {
top: 17px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment