UUU is a SYNTAX and UI builder for ATOM

Installation

Open your terminal and run the line below

apm install uuu-ui uuu-syntax uuu-kit

Overview

Usage

This package does several things:

  1. Make Syntax and UI themes for Atom
  2. Imports and Exports UI and SYNTAX made with UUU
  3. Syncs font-sizes between UI and SYNTAX
  4. Enables you to switch between preset UUU themes
  5. Enables you to save and switch between your own themes
  6. Makes it easy to Reload the window

Switching between preset themes

There are 10 preset themes. Here is how you access them:

  1. Theme 1 - Melowdrama Press ctrl opt cmd 1
  2. Theme 2 - Amir Press ctrl opt cmd 2
  3. Theme 3 - Schmaterial Press ctrl opt cmd 3
  4. Theme 4 - DarkEarth Press ctrl opt cmd 4
  5. Theme 5 - Brownerd Press ctrl opt cmd 5
  6. Theme 6 - SuperNES Press ctrl opt cmd 6
  7. Theme 7 - TMNT-Donetello Press ctrl opt cmd 7
  8. Theme 8 - MiamiVice Press ctrl opt cmd 8
  9. Theme 9 - Typographical Press ctrl opt cmd 9
  10. Theme 10 - BuckNaked Press ctrl opt cmd .

You can also use the Menu. Goto Packages > uuu. Then select the theme you want.

All of these themes are easily hackable using UUU. Use any of these as a starting point. You do not need to use these. But you will need to make your own or used one from someone else.

Theming Setup

Sample languages

Download uuu-languages so you can easily switch between multiple languages while you’re theming.

Saving your themes

As you make changes to ANY theme, it’s state will be saved behind the scenes, but once you switch away to another theme, the previous changes will be lost. So here is how you can save your own themes so they wont get lost when you switch to another theme.

  1. Work on your UI and SYNTAX theme for as long as you want
  2. Press ctrl opt 1 to save your custom theme.

Notice that you can also use the Menu as well Packages > uuu > Save Theme.

You have 5 slots to save to.

Using your saved themes

Once you have a custom theme saved to one of the available slots, you can then switch to another theme without losing your work. When you are ready to switch back to your custom theme you can use a hotkey or use the Menu above Packages > uuu > Use Theme.

Example: If you save your custom theme to Slot 1, then you can access by hotkey by pressing ctrl 1

If you switch to an empty slot, you will get an alert inside the Atom window. Telling you to save a theme to the slot first.

Exporting / Importing

Export both Syntax and UI

Press ctrl opt cmd o - This will reveal a “syntax+ui theme object” You can also goto Packages > uuu > Export theme

Import Syntax and UI

  1. Paste a “syntax+ui theme object” into any open window in atom
  2. Then select the click and drag to highlight the text you just pasted in.
  3. Press ctrl opt o - This will import the “syntax+ui theme object” and reset to the new theme. You can also goto Packages > uuu > Import theme

Extra features

Font Check

It is common for the font-size of the UI to be different from the font-size of the SYNTAX.

Press ctrl opt cmd c to see what they are. I prefer to have them in sync, but other’s might want. If you want to sync the UI and SYNTAX, then follow the steps below.

Font Sync

To sync the UI and SYNTAX font-sizes to be the same:

Press ctrl opt cmd f

Reload

Reloading the window can be a bit of a pain. Here is a hotkey to make it easy:

Press ctrl opt cmd r

Issues

If your style doesn’t show, or it if looks like all the styles reverted to the default, then just “reload” the window. ctrl opt cmd r

Extras

Here a few packages and a font that I like to use.

Goals

This evolved as an effort to make the process of hacking a theme easier. I think this makes that possible. I hope this opens insights into making theme creation, editing and sharing easier for everyone.

Bugs

If there is a special case that you need, then let me know. I can’t promise that I can make an update, but I will look at the ticket and respond. Post bugs, issue and requests here