The Hyper official porting of the original Material Theme.
JavaScript
Clone or download
Latest commit 32d621b Sep 6, 2017
Permalink
Failed to load latest commit information.
.editorconfig Create .editorconfig Dec 15, 2016
.eslintrc.json release: 1.0.4 Mar 1, 2017
.gitignore Initial commit Dec 15, 2016
LICENSE Initial commit Dec 15, 2016
README.md chore: Update README Jul 21, 2017
index.js Fix exception if config is missing Sep 6, 2017
package.json Release 2.0.6 Sep 6, 2017

README.md

Material Theme for Hyper Hyper Material Theme

Codacy Badge

Hyper Material Theme

This is the official Material Theme porting for Hyper App.

1. Installation

Just edit your ~/.hyper.js file (Hyper > Preferences...) and add hyper-material-theme to plugins: [] array.

...
plugins: ['hyper-material-theme'],
...

2. Configuration

This theme provides settings that you MUST add in your ~/.hyper.js file directly after the colors object.

    colors: {...
    },

    MaterialTheme: {
        // Set the theme variant,
        // OPTIONS: 'Darker', 'Palenight', ''
        theme: '',

        // [Optional] Set the rgba() app background opacity, useful when enableVibrance is true
        // OPTIONS: From 0.1 to 1
        backgroundOpacity: '1',

        // [Optional] Set the accent color for the current active tab
        accentColor: '#64FFDA',

        // [Optional] 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..

Then restart the app