Redesign about settings-view HOT 5 CLOSED

Editor Settings and Editor Settings with Switches

codepen: link

from settings-view.

Theme Configuration

from settings-view.

from settings-view.

The Installed Packages list will be really long so we probably want a filter still at the top to allow quick lookup.

from settings-view.

Oh man, so much to comment on. These are great @mattgraham!

Overall

• Need the real Atom logo at some point. Probably not critical until 1.0, because there are a couple tweaks we might try.

Settings

• I still think my preference is checkboxes. The toggles are nice looking but they draw a lot of attention because of how blue they are.

Themes

• ❤️ The dropdowns
• The thumbnails are a good idea. I wonder if there's any reasonable way that process could be automated on our end so they always have the same content. As in, when a package is pushed, a task is run which screenhots a template using it and creates the thumbnails automatically.
• This is the only section with a main title. Do we need it?

Packages

• I actually really like the toggles for enabling/disabling the packages.
• Because of the proximity to the enable toggles, the auto update toggle feels like an "enable all". What if it was a checkbox?

Marketplace

• Do we need an in-app marketplace? Could we just have a simplified list like Atom has currently and link out to the atom.io pacakge pages if you click "read more" or some sort of "more info" button? Do we need it at all, since you have the "visit the atom marketplace" link in the packages section?
• Can we reliably assume people will create thumbnails for packages enough that it won't just be a ton of default thumbnails? What are the odds they'll look good and won't all look the same?
• If we do include the marketplace stuff, one of the big requests was recommended packages and most downloaded packages. What you've mocked up could easily be those things, but they'd need to be indicated some how as to why they've been put there.

from settings-view.