/one-vibrancy

Vibrancy effect for Atom One themes

Primary LanguageCSSMIT LicenseMIT

One Vibrancy

Note: ⚠️ This package can currently cause Atom to crash. See this comment for more infos.

This package adds a vibrancy effect (translucent background) to Atom One themes.

one-vibrancy-dark

one-vibrancy-light

Note: Works only on macOS

Install

apm install one-vibrancy

Settings

In the package settings you can switch between different effects:

  • auto (default) -> Automatically switches between dark and medium-light based on the current One UI theme
  • auto-opaque -> Automatically switches between ultra-dark and light based on the current One UI theme
  • light
  • medium-light
  • dark
  • ultra-dark

FAQ

I can't see any vibrancy!

  1. Make sure you're using Atom 1.19 or higher.
  2. Make sure you use either One Dark UI or One Light UI. Other themes might work too, see next question.
  3. Make sure you have macOS's "Reduce transparency" disabled, see this gif.

Does it work for other Atom themes too?

Possibly. But only the One themes are maintained.

If there are parts that are not translucent, you can override it in your styles.less file. Find the right selector in the DevTools, then make the background transparent. For example:

.one-vibrancy {
  // <- Add selectors here
  atom-pane,
  atom-panel,
  .tree-view {
    background-color: transparent !important;
  }
}

The font doesn't look sharp!

Yes, sub-pixel aliasing is lost when using a transparent background. A small price for a cool effect in return. 😉

Is performance ok?

Hard to say. Haven't noticed major slowdowns, but an opaque background is probably still better for performance.