https://github.com/simurai/one-vibrancy

Vibrancy effect for Atom One themes
https://github.com/simurai/one-vibrancy

Last synced: 15 days ago
JSON representation

Vibrancy effect for Atom One themes

• Host: GitHub
• URL: https://github.com/simurai/one-vibrancy
• Owner: simurai
• License: mit
• Created: 2017-07-01T07:38:17.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-11-03T20:17:54.000Z (about 5 years ago)
• Last Synced: 2024-05-22T16:32:06.081Z (6 months ago)
• Language: CSS
• Size: 21.5 KB
• Stars: 206
• Watchers: 5
• Forks: 10
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# One Vibrancy

> Note: :warning: This package can currently cause Atom to crash. See [this comment](https://github.com/simurai/one-vibrancy/issues/18#issuecomment-473282864) for more infos.

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

![one-vibrancy-dark](https://user-images.githubusercontent.com/378023/27769700-ecd344e8-5f6a-11e7-95b0-fb7eb53672b8.png)

![one-vibrancy-light](https://user-images.githubusercontent.com/378023/27769701-ecd46ef4-5f6a-11e7-9643-0078ea2862e5.png)

> Note: Works only on macOS

## Install

```

apm install one-vibrancy

```

## Settings

In the package settings you can switch between different effects:

- [x] `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](https://github.com/simurai/one-vibrancy/issues/7#issuecomment-319578317).

#### 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](http://flight-manual.atom.io/using-atom/sections/basic-customization/#style-tweaks) file. Find the right selector in the [DevTools](http://flight-manual.atom.io/hacking-atom/sections/creating-a-theme/#developer-tools), then make the background `transparent`. For example:

```less

.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.