Material Theme for Hyper
This is the official Material Theme porting for Hyper App.
Just edit your ~/.hyper.js
file (Hyper > Preferences...) and add hyper-material-theme
to plugins: []
array.
...
plugins: ['hyper-material-theme'],
...
Then restart the app
This theme provides 4 additional settings that you can add in your ~/.hyper.js
file directly after the colors object.
colors: {...
},
MaterialTheme: {
// Set the theme variant,
// OPTIONS: 'Darker', 'Palenight', ''
theme: '',
// Set the rgba() app background opacity, useful when enableVibrance is true
// OPTIONS: From 0.1 to 1
backgroundOpacity: '1',
// Set the accent color for the current active tab
accentColor: '#64FFDA',
// Mac Only. Need restart. Enable the vibrance and blurred background
// OPTIONS: 'dark', 'ultra-dark', 'bright'
// NOTE: The backgroundOpacity should be between 0.1 and 0.9 to see the effect.
vibrancy: 'dark'
},
// other configs..