hyper-fading-scrollbar

A hyper plugin that fades the scrollbar when not in use.

Usage no npm install needed!

<script type="module">
  import hyperFadingScrollbar from 'https://cdn.skypack.dev/hyper-fading-scrollbar';
</script>

README

Hyper Fading Scrollbar

NPM version NPM download count

Screen capture of the fading scrollbar Hyper plugin

A hyper plugin that fades the scrollbar when not in use.

Installation

hyper i hyper-fading-scrollbar

You may want to make sure that your color theme package comes first in the config.plugins array in .hyper.js, so that the right color is applied to the scrollbar (it is inherited from the borderColor setting by default).

Options

You can customize the scrollbar color by using the scrollbarColor and scrollbarOpacity settings in your .hyper.js config:

module.exports = {
  config: {
    // ...

    scrollbarColor: 'tomato', // any valid css color
    scrollbarOpacity: 0.1, // value between 0 and 1
  }
}

Compatibility

This plugin has been updated to work with Hyper v3. To use it with v2, please use version 1.1.4 of this plugin.