The hyper-rose-pine-next from guilhermeprokisch

hyper-rose-pine-next's Introduction

Rosé Pine for Hyper

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

Usage

$ hyper i hyper-rose-pine-next

// ~/.hyper.js
module.exports = {
  plugins: ["hyper-rose-pine-next"],
}

Configuration

Caution: Dark Mode only works with Hyper ^3.1.0.

There are 3 variants in this theme. You can these values in the config files:

rose-pine (Dark)
rose-pine-moon (Dark, but dimmed)
rose-pine-dawn (Light)

// ~/.hyper.js
module.exports = {
  config: {
    hyperRosePine: {
      // Set theme variant for Hyper 3.0.2. Default is "rose-pine"
      palette: "rose-pine-moon",
      // Dark mode settings
      appearance: {
        // Default is "rose-pine"
        dark: "rose-pine-moon",
        light: "rose-pine-dawn",
      },
      // Hide the window controls (traffic buttons) on Mac. Default is false
      hideControls: true,
      // Hide in-app notification after 10 seconds. Default is false
      // I add this because there is no way to dismiss new version notification
      hideNotifications: true,
      // Hide tab title when there is only 1 tab opening. Default is true
      hideTabTitle: true,
      // Hide SVG Rose icons for all tabs. Default is false
      hideTabIcons: false,
    },
  },
}

Restart Hyper app to apply changes.

Gallery

Rose Pine

Rose Pine Moon

Rose Pine Dawn

FAQs

Why does Dark Mode only work with version ^3.1.0?

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

Recommend Projects