• Packages
  • Themes
  • Documentation
  • Blog
  • Discuss
Sign in

cityscape-ui

The busy, neon cityscape for Atom
  • #ui
  • #dark
  • #neon
  • #city
  • #night
Ugotsta
2,453
4
  • Repo
  • Bugs
  • Versions
  • License
Flag as spam or malicious

From your lofty suite overlooking the bustling lights of the city, you take to decorating the the night sky with your engineering brilliance. Humbled by the loftier tower of suites dominating your view, you seize the opportunity to use their ad display service to render your local file listing.

It could happen. Cityscape UI aims to see it happen. It overhauls many of Atom's UI elements and helps you focus on what really matters; itself. It wants your attention on its neon city lights.

Pretty Neon Lights

CSS with Monokai Neon Syntax. File list rendered on adjacent skyscraper. CSS with Monokai Neon Syntax

Git Commit with City Lights Syntax. Git Commit with City Lights

Find/replace with Solarized Light Syntax. Light themes are supported through a [class*="-light"] CSS selector. Find with Solarized Light

Markdown preview using Solarized Light Syntax. Markdown preview with Solarized Light

Font used in screenshots is OpenDyslexicMono.

Animations

Subtle animations can be enabled using the "Enable animations" option in the theme settings. They're turned off by default to avoid CPU usage. Turn on if your CPU is too fast.

Buildings demand attention

Vibrant neon buildings demand your attention but you can pay them none by toggling the "Push those pesky buildings back" option in theme settings. It's much easier to see your far more brilliant code this way.

Credits

  • @Atom One Dark UI Team - core UI design
  • @Ugotsta - design concepts and ugly code
  • @dtinth - perspective code for tree-view and minimap

FEATURES

  • Probably the most distracting UI theme for Atom.
  • Works great with neon syntax themes like Futurism Dark Syntax.

KNOWN BUGS

  • Ridiculous abuse of CSS ensures it can't be ported to VS Code.

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.

  • Terms of Use
  • Privacy
  • Code of Conduct
  • Releases
  • FAQ
  • Contact
with by