Colorful, dark and bold UI theme for the Atom code editor.

angela ade4f9dfe5 Changelog update 4 years ago
.github fa856882de probot added to repo 5 years ago
file-types 5deed069b6 file type icons added 6 years ago
imgs 4676c8f753 Obsolete img removal 4 years ago
lib 542bb991c0 Add tree view background setting 5 years ago
styles 8f6c112fac Fix disappearing scrollbars 5 years ago
.gitignore 89ee4bf7f1 Fix ignore file 5 years ago
CHANGELOG.md ade4f9dfe5 Changelog update 4 years ago
LICENSE.md 1b0bc37bf3 initial commit 6 years ago
README.md e2faa19b9e Image size info added 4 years ago
index.less aed3330a2d redundant code removed 5 years ago
package.json f82013df73 Prepare 1.1.2 release 4 years ago

README.md

Ghoulish UI

Colorful, dark and bold UI theme for Atom code editor

Features

  • Customizable tree view gradient
  • File type icons (PHP, Python, Ruby, Sass, etc.)
  • Glowing tab highlight with active page glow, to differentiate windows
  • Glowing selection on tree view
  • Translucent backgrounds that adapt to the color scheme of the syntax theme
  • Customizable background and tree images
  • Highlighted git branch
  • Customizable font size

Compatible syntax themes

Install

The easiest way to install Ghoulish is to do so from the Atom UI:

  • Go to Atom > Settings
  • Click "+ Install"
  • Search for ghoulish ui and click themes button to search.
  • Browse for Ghoulish UI and click install

Alternatively, you can use the Atom Package Manager:

apm install ghoulish-ui

ghoulish screenshot 2

ghoulish screenshot

Background Size

For best appearance, use a background that matches the scale of your desktop resolution.

For example, if your screen resolution is set to 1920 x 1080, also select a background of the same size.

Image Path

You do not have to use the atom:// prefix for your image (unless your image is stored in the Atom config directory, which I wouldn't recommend.)

The image can be stored anywhere on your computer, but make sure its kept locally, on the same drive (or an accessible mount/partition that Atom has at least read access to).

For best results, get the folder path from your file manager's address bar and append the filename (with extension: .png, .jpg, etc.).

If you want to disable file type icons

In index.less change:

.icons(true);

to:

.icons(false);

Credits