hyper-rose-pine-mod

All natural pine, faux fur and a bit of soho vibes for the classy minimalist.

Usage no npm install needed!

<script type="module">
  import hyperRosePineMod from 'https://cdn.skypack.dev/hyper-rose-pine-mod';
</script>

README

Rosé Pine for Hyper (Canary)

All natural pine, faux fur and a bit of soho vibes for the classy minimalist

Caution: This theme only works with Hyper 3.1.0-canary.4, you can download it here.

Usage

  1. Download or clone this repo into your ~/.hyper_plugin/local.

  2. Add “hyper-rose-pine” into to localPlugins array.

    // ~/.hyper.js
    module.exports = {
      localPlugins: ["hyper-rose-pine"],
    }
    
  3. (Optional) Theme configuration

    // ~/.hyper.js
    module.exports = {
      config: {
        // This is the default settings
        hyperRosePine: {
          appearance: {
            // There are 3 variants
            // - rose-pine
            // - rose-pine-dawn
            // - rose-pine-moon
            dark: "rose-pine",
            light: "rose-pine-dawn",
          },
          // more ideas later
        },
      },
      localPlugins: ["hyper-rose-pine"],
    }
    
  4. Make a Full Reload, or restart Hyper app to apply changes.

Gallery

Rose Pine

Rose Pine Moon

Rose Pine Dawn

FAQs

  1. Why does this theme only work with Canary version?

    Because the current version (Hyper 3.0.2) is using Chrome 66, which does not support prefers-color-scheme feature fully. Source

  2. When will this package be published on NPM registry?

    When Hyper Canary makes an official release.

  3. What are more ideas?

    I’m thinking of some options like hiding windows controls (traffic buttons), show tab icon only, .etc

  4. Notice some bugs or have some cool ideas?

    Please open an issue to discuss more.