Skip to content
This repository has been archived by the owner on Jan 14, 2024. It is now read-only.
/ ghoulish-ui Public archive

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

License

Notifications You must be signed in to change notification settings

angela-d/ghoulish-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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