Skip to content

Instantly share code, notes, and snippets.

@alexilyaev
Last active Jul 31, 2017
Embed
What would you like to do?
Hyper.js configuration
module.exports = {
config: {
// default font size in pixels for all tabs
fontSize: 16,
// font family with optional fallbacks
fontFamily: '"Fira Code", Monaco, 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: 'BEAM',
// color of the text
foregroundColor: '#fff',
// terminal background color
backgroundColor: '#171717',
// backgroundColor: 'rgb(23, 23, 23, 0.8)',
// backgroundColor: 'rgba(0,0,0,0.6)',
// border color (window, tabs)
borderColor: '#212121',
// custom css to embed in the main window
css: `
.tab_tab.tab_tab {
color: #BBBEBD;
}
/* Only when single tab */
.tab_active.tab_active,
.tabs_title {
background-color: hsl(195, 12.5%, 8.2%);
}
.tabs_title::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
/*background-color: #CC6666;*/
background-color: rgba(204, 102, 102, 0.8);
box-shadow: 0 0 10px rgba(204, 102, 102, 0.5);
}
`,
// custom css to embed in the terminal window
termCSS: `
x-screen {
cursor: default;
}
x-screen a {
color: #0094d9;
}
x-screen a.hover {
color: #005cbb;
text-decoration: none;
}
x-screen x-row {
font-variant-ligatures: initial;
}
`,
// 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: '#a6e32d',
yellow: '#e6da73',
blue: '#0066ff',
magenta: '#cc00ff',
cyan: '#5ed7ff',
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
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,
// URL to custom bell
// bellSoundURL: 'http://example.com/bell.mp3',
// for advanced config flags please refer to https://hyper.is/#cfg
hyperlinks: {
clickAction: 'ignore',
defaultBrowser: true
},
materialBox: {
// scheme: 'material-darker',
// scheme: 'monokai',
scheme: 'seti',
selectedTabFlavor: 'underline',
highlightSelectedTab: true,
displayBorder: true,
lightEffect: true,
autoHideTitle: false,
hideTrafficLights: false,
closeOnTheLeft: false,
user: {
accentColor: '#CC6666',
}
}
},
// a list of plugins to fetch and install from npm
// format: [@org/]project[#version]
// examples:
// `hyperpower`
// `@company/project`
// `project#1.0.1`
plugins: [
'hyper-blink',
// Bug with copy/paste:
// https://github.com/zeit/hyperlinks/issues/39
// 'hyperlinks',
'hyper-statusline',
'hyper-dark-scrollbar',
'hyper-font-smoothing',
// Themes
'hyper-material-box',
// Other Themes
// 'hyper-ayu',
// 'hyper-flat',
// 'hyper-seti-monokai',
// 'hyper-snazzy',
],
// 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: []
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment