Candy UI

Lots of candy colors packed in a UI for Atom. Candy UI adds bubble gum, chocolate pink, red, yellow and slime mold green flavors to Atom. It works with most syntax themes but tastes extra good with themes like Cotton Candy and Styri.

High sugar content ensures coders get lots of energy while burning out real good so they get a solid night's sleep. Add coffee for increased effect.

CSS with Styri syntax theme

HTML with Cotton Candy

JavaScript with Atom One Dark syntax theme

Markdown with MsMeeves Ice Cream Candy syntax theme

A note about light syntax themes

Candy UI uses styles that work best for dark syntax themes. But it attempts to target light themes using a special CSS selector like so, for example:

atom-workspace[class*="-light"] atom-text-editor * {
    text-shadow: 
        0px 0px 1px @ui-bg,
        2px 2px 1px @ui-bg,
        3px 3px 1px currentColor;
}

If a syntax theme includes the key phrase "light" then those styles should get applied, resulting in a much better experience for light themes.

Authors and Contributors

• @Atom One UI team - Core UI elements
• @ugotsta - Initial design
• @Hero Patterns - Candy SVG patterns

KNOWN BUGS

• Very distracting design.
• Blistering array of vivid colors.
• Causes desaturation effect on selections, weird.
• Crazy CSS effects that can't be ported to VS code. Wat?