xuh-ui

UI Theme inspired by artist xuh
louisdeb
0.2.1 1,004
Flag as spam or malicious

xuh UI Theme

A UI theme for Atom, inspired by artist xuh (no permission asked or granted).

Screenshot

The syntax theme I have used here is Duotone Light with

  • Uno: hsb(359, 0%, 0%) (a.k.a black)
  • Duo: hsb(47, 93%, 92%)

I used Duotone Light to quickly create a suitable syntax theme for xuh-ui. I would like to create a xuh-syntax theme eventually.

I use the tree-view-background package to add some of xuh's art to my tree view. I edited the styles of the package to better suit my theme. If you want to copy this go to user/.atom/packages/tree-view-background/styles/ and edit background.less. My background.less looks like this:

.tree-view {
  background: transparent !important;
}

.tree-view-background {
  content: "";
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 180px;
  margin-bottom: -10px;
  margin-right: -20px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  position: absolute;
}

Which is actually horribly hacky, negative margins and all. I wanted to include the tree-view image in the theme itself, and since I could not work out how to do so, created a quick solution using this package. If I work out how to add the image using Atom UI themes only, I will create a nice solution.