Add touchbar elements to atom
apm install touchbar
Touchbar will be loaded on startup.
Press ctrl-alt-o to toggle touchbar
- Labels
- Buttons
- Insert Text Buttons
- Color picker
- Emoji Picker
- Edit Touchbar
- Set Icons
There is now a basic editing function build in. Press the Edit Touchbar button on your Touchbar or go to Packages -> touchbar -> Edit Touchbar. You can choose the type of your element as well as the label, command and color.
Thanks to @fand you can also add / remove and sort items in the edit view!
Go to Settings -> Packages -> touchbar and update the Elements input. This input must be a valid json array of elements.
Example:
[{"type":"label","name":"Config 1524399902796","label":"Atom Touchbar","color":"#e0fcf0"},{"name":"comment-button","type":"button","label":"//","command":"editor:toggle-line-comments","color":"#5712d6","icon":"","iconColor":"default"},{"name":"color-picker","type":"color-picker"},{"name":"spacer","type":"button","size":"small","label":"","command":"tree-view:toggle","color":"#00716c","icon":"NSTouchBarSidebarTemplate","iconColor":"white"},{"name":"toggle-command-palette","type":"button","label":"🎨","command":"command-palette:toggle"},{"type":"popover","label":"😄","elements":[{"name":"emoji-scrubber","type":"scrubber","label":"😄","items":"emojis"}],"command":"","icon":""},{"name":"toggle-github","type":"button","label":"GitHub","color":"#919191","command":"github:toggle-github-tab"},{"name":"edit-touchbar","type":"button","label":"Touchbar","command":"touchbar:edit","color":"#6b2f4f"}{"type":"button-insert","name":"Config 1545385189675","label":"{","command":"{"},{"type":"button-insert","name":"Config 1545385227249","label":"}","command":"}"}]