Skip to content
The Hyper official porting of the original Material Theme.
JavaScript
Branch: master
Clone or download

Latest commit

dependabot and equinusocio chore(deps): bump mixin-deep from 1.3.1 to 1.3.2 (#50)
Bumps [mixin-deep](https://github.com/jonschlinkert/mixin-deep) from 1.3.1 to 1.3.2.
- [Release notes](https://github.com/jonschlinkert/mixin-deep/releases)
- [Commits](jonschlinkert/mixin-deep@1.3.1...1.3.2)

Signed-off-by: dependabot[bot] <support@github.com>
Latest commit cf7ed64 Dec 29, 2019

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
__tests__ chore: update snapshot May 7, 2019
.editorconfig Create .editorconfig Dec 15, 2016
.gitignore Initial commit Dec 15, 2016
.travis.yml chore: Cleanup and added travis May 7, 2019
.yarnrc feat: New theme logic 🔥 May 7, 2019
LICENSE Initial commit Dec 15, 2016
README.md chore: update readme May 7, 2019
backgrounds.js feat: New theme logic 🔥 May 7, 2019
default.config.js chore: Update colors May 7, 2019
index.js fix: guard on themeConfig.theme May 7, 2019
package.json chore: Update colors May 7, 2019
yarn.lock chore(deps): bump mixin-deep from 1.3.1 to 1.3.2 (#50) Dec 29, 2019

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 inside the config key the colors object.

    config: {
      MaterialTheme: {
          // Set the theme variant,
          // OPTIONS: 'Darker', 'Palenight', 'Ocean', ''
          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'
      },

      ...
    }

    ...

Then restart the app

3. Customizable props

There are also some Hyper's customizable props directly from the config prop that will override the ones within the Material Theme default configurations:

{
  config: {
    cursorColor: '',
    padding: '',
    foregroundColor: ''
    termCss: ''
    css: ''
  }
}
You can’t perform that action at this time.