GitXplorerGitXplorer
s

one-vibrancy

public
205 stars
10 forks
7 issues

Commits

List of commits on branch master.
Verified
752bc6826441f8a5f7fae4980a1062a7c22d3b43

Merge pull request #19 from scherii/patch-1

ssimurai committed 6 years ago
Verified
4bdbb62984d3410ac3d4a85ed0fe42ab41b54baf

Fix small typo in crash note

sscherii committed 6 years ago
Unverified
0a4aef55cdfaecdfb0dd4178ada01f5fff857aac

Add note about crashing Atom

ssimurai committed 6 years ago
Unverified
770817b7e49c4793c519fd6b32dfdc4f7a202dfd

Prepare 0.2.1 release

ssimurai committed 6 years ago
Verified
d70f71a49cb4481ef14c2c543ac9c9b2e45e361c

Update README.md

ssimurai committed 6 years ago
Unverified
b3d50fb90c8ecbf9d99541fe620500d956c9c7a1

Updated README.md

ssimurai committed 6 years ago

README

The README file for this repository.

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:

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

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.