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

candy-ui

Candy-coated UI for Atom
  • #ui
  • #theme
  • #bright
  • #colorful
  • #candy
Ugotsta
0.2.0 703
1
  • Repo
  • Bugs
  • Versions
  • License
Flag as spam or malicious

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 Candy UI with Styri

HTML with Cotton Candy HTML with Cotton Candy

JavaScript with Atom One Dark syntax theme JavaScript with Atom One Dark

Markdown with MsMeeves Ice Cream Candy syntax theme Markdown with Atom One Dark

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?

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