├── .github ├── pull_request_template.md └── issue_template.md ├── images ├── fold-open.png ├── tab-close.png ├── tab-dirty.png ├── tab-hover.png ├── tooltip.png ├── btn-single.png ├── file-close.png ├── file-dirty.png ├── fold-closed.png ├── group-open.png ├── overlay-bg.png ├── tab-active.png ├── text-field.png ├── btn-group-left.png ├── btn-large-on.png ├── file-close@2x.png ├── file-dirty@2x.png ├── fold-closed@2x.png ├── fold-open@2x.png ├── group-closed.png ├── group-open@2x.png ├── icon-buffer-on.png ├── icon-case-off.png ├── icon-case-on.png ├── icon-regex-off.png ├── icon-regex-on.png ├── icon-word-off.png ├── icon-word-on.png ├── icon-wrap-off.png ├── icon-wrap-on.png ├── predawn-atom.png ├── tab-close@2x.png ├── tab-dirty@2x.png ├── tab-inactive.png ├── btn-group-middle.png ├── btn-group-right.png ├── file-close-dirty.png ├── file-close-hover.png ├── group-closed@2x.png ├── icon-buffer-off.png ├── icon-case-hover.png ├── icon-case-off@2x.png ├── icon-case-on@2x.png ├── icon-context-off.png ├── icon-context-on.png ├── icon-preserve-on.png ├── icon-regex-hover.png ├── icon-regex-on@2x.png ├── icon-reverse-off.png ├── icon-reverse-on.png ├── icon-word-hover.png ├── icon-word-off@2x.png ├── icon-word-on@2x.png ├── icon-wrap-hover.png ├── icon-wrap-off@2x.png ├── icon-wrap-on@2x.png ├── panel-background.png ├── quick-panel-row.png ├── tab-close-hover.png ├── tab-dirty-active.png ├── file-close-dirty@2x.png ├── file-close-hover@2x.png ├── file-close-selected.png ├── file-dirty-selected.png ├── fold-closed-pressed.png ├── fold-open-pressed.png ├── group-open-selected.png ├── icon-buffer-hover.png ├── icon-buffer-off@2x.png ├── icon-buffer-on@2x.png ├── icon-context-hover.png ├── icon-context-off@2x.png ├── icon-context-on@2x.png ├── icon-highlight-off.png ├── icon-highlight-on.png ├── icon-preserve-hover.png ├── icon-preserve-off.png ├── icon-preserve-on@2x.png ├── icon-regex-hover@2x.png ├── icon-regex-off@2x.png ├── icon-reverse-hover.png ├── icon-reverse-off@2x.png ├── icon-reverse-on@2x.png ├── icon-selection-off.png ├── icon-selection-on.png ├── icon-word-hover@2x.png ├── icon-wrap-hover@2x.png ├── tab-close-hover@2x.png ├── tab-dirty-active@2x.png ├── tabset-background.png ├── fold-open-pressed@2x.png ├── group-closed-selected.png ├── icon-buffer-hover@2x.png ├── icon-context-hover@2x.png ├── icon-highlight-hover.png ├── icon-highlight-off@2x.png ├── icon-highlight-on@2x.png ├── icon-preserve-off@2x.png ├── icon-reverse-hover@2x.png ├── icon-selection-hover.png ├── icon-selection-off@2x.png ├── icon-selection-on@2x.png ├── overlay-puck-vertical.png ├── sidebar-row-selected.png ├── status-bar-background.png ├── file-close-selected@2x.png ├── file-dirty-selected@2x.png ├── fold-closed-pressed@2x.png ├── group-closed-selected@2x.png ├── group-open-selected@2x.png ├── icon-highlight-hover@2x.png ├── icon-preserve-hover@2x.png ├── icon-selection-hover@2x.png ├── overlay-puck-horizontal.png ├── quick-panel-background.png ├── quick-panel-row-selected.png ├── standard-puck-horizontal.png ├── standard-puck-vertical.png ├── overlay-dark-puck-vertical.png ├── overlay-scrollbar-vertical.png ├── standard-scrollbar-corner.png ├── code-completion-row-selected.png ├── icon-file-symlink-directory.png ├── overlay-dark-puck-horizontal.png ├── overlay-scrollbar-horizontal.png ├── standard-scrollbar-horizontal.png ├── standard-scrollbar-vertical.png └── icon-file-symlink-directory@2x.png ├── styles ├── atom.less ├── messages.less ├── inputs.less ├── text.less ├── git.less ├── scrollbars.less ├── dropdowns.less ├── panes.less ├── utilities.less ├── nav.less ├── panels.less ├── settings.less ├── ui-mixins.less ├── buttons.less ├── status-bar.less ├── tooltips.less ├── overlays.less ├── tree-view.less ├── tabs.less ├── editor.less ├── lists.less └── ui-variables.less ├── dock-icons ├── atom-predawn-icon.png ├── atom-predawn-icon.icns ├── atom-predawn-dark-icon.png ├── atom-predawn-dark-icon.icns ├── atom-predawn-dock-icons.png ├── atom-predawn-round-icon.icns ├── atom-predawn-round-icon.png ├── atom-predawn-dark-round-icon.icns └── atom-predawn-dark-round-icon.png ├── package.json ├── index.less ├── index.coffee ├── LICENSE.md └── README.md /.github/pull_request_template.md: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /images/fold-open.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/fold-open.png -------------------------------------------------------------------------------- /images/tab-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/tab-close.png -------------------------------------------------------------------------------- /images/tab-dirty.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/tab-dirty.png -------------------------------------------------------------------------------- /images/tab-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/tab-hover.png -------------------------------------------------------------------------------- /images/tooltip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/tooltip.png -------------------------------------------------------------------------------- /images/btn-single.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/btn-single.png -------------------------------------------------------------------------------- /images/file-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/file-close.png -------------------------------------------------------------------------------- /images/file-dirty.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/file-dirty.png -------------------------------------------------------------------------------- /images/fold-closed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/fold-closed.png -------------------------------------------------------------------------------- /images/group-open.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/group-open.png -------------------------------------------------------------------------------- /images/overlay-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/overlay-bg.png -------------------------------------------------------------------------------- /images/tab-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/tab-active.png -------------------------------------------------------------------------------- /images/text-field.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/text-field.png -------------------------------------------------------------------------------- /images/btn-group-left.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/btn-group-left.png -------------------------------------------------------------------------------- /images/btn-large-on.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/btn-large-on.png -------------------------------------------------------------------------------- /images/file-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/file-close@2x.png -------------------------------------------------------------------------------- /images/file-dirty@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/file-dirty@2x.png -------------------------------------------------------------------------------- /images/fold-closed@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/fold-closed@2x.png -------------------------------------------------------------------------------- /images/fold-open@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/fold-open@2x.png -------------------------------------------------------------------------------- /images/group-closed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/group-closed.png -------------------------------------------------------------------------------- /images/group-open@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/group-open@2x.png -------------------------------------------------------------------------------- /images/icon-buffer-on.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-buffer-on.png -------------------------------------------------------------------------------- /images/icon-case-off.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-case-off.png -------------------------------------------------------------------------------- /images/icon-case-on.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-case-on.png -------------------------------------------------------------------------------- /images/icon-regex-off.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-regex-off.png -------------------------------------------------------------------------------- /images/icon-regex-on.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-regex-on.png -------------------------------------------------------------------------------- /images/icon-word-off.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-word-off.png -------------------------------------------------------------------------------- /images/icon-word-on.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-word-on.png -------------------------------------------------------------------------------- /images/icon-wrap-off.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-wrap-off.png -------------------------------------------------------------------------------- /images/icon-wrap-on.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-wrap-on.png -------------------------------------------------------------------------------- /images/predawn-atom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/predawn-atom.png -------------------------------------------------------------------------------- /images/tab-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/tab-close@2x.png -------------------------------------------------------------------------------- /images/tab-dirty@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/tab-dirty@2x.png -------------------------------------------------------------------------------- /images/tab-inactive.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/tab-inactive.png -------------------------------------------------------------------------------- /styles/atom.less: -------------------------------------------------------------------------------- 1 | @import "ui-variables"; 2 | 3 | .text-subtle { 4 | color: @text-color-subtle; 5 | } 6 | -------------------------------------------------------------------------------- /images/btn-group-middle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/btn-group-middle.png -------------------------------------------------------------------------------- /images/btn-group-right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/btn-group-right.png -------------------------------------------------------------------------------- /images/file-close-dirty.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/file-close-dirty.png -------------------------------------------------------------------------------- /images/file-close-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/file-close-hover.png -------------------------------------------------------------------------------- /images/group-closed@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/group-closed@2x.png -------------------------------------------------------------------------------- /images/icon-buffer-off.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-buffer-off.png -------------------------------------------------------------------------------- /images/icon-case-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-case-hover.png -------------------------------------------------------------------------------- /images/icon-case-off@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-case-off@2x.png -------------------------------------------------------------------------------- /images/icon-case-on@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-case-on@2x.png -------------------------------------------------------------------------------- /images/icon-context-off.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-context-off.png -------------------------------------------------------------------------------- /images/icon-context-on.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-context-on.png -------------------------------------------------------------------------------- /images/icon-preserve-on.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-preserve-on.png -------------------------------------------------------------------------------- /images/icon-regex-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-regex-hover.png -------------------------------------------------------------------------------- /images/icon-regex-on@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-regex-on@2x.png -------------------------------------------------------------------------------- /images/icon-reverse-off.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-reverse-off.png -------------------------------------------------------------------------------- /images/icon-reverse-on.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-reverse-on.png -------------------------------------------------------------------------------- /images/icon-word-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-word-hover.png -------------------------------------------------------------------------------- /images/icon-word-off@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-word-off@2x.png -------------------------------------------------------------------------------- /images/icon-word-on@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-word-on@2x.png -------------------------------------------------------------------------------- /images/icon-wrap-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-wrap-hover.png -------------------------------------------------------------------------------- /images/icon-wrap-off@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-wrap-off@2x.png -------------------------------------------------------------------------------- /images/icon-wrap-on@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-wrap-on@2x.png -------------------------------------------------------------------------------- /images/panel-background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/panel-background.png -------------------------------------------------------------------------------- /images/quick-panel-row.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/quick-panel-row.png -------------------------------------------------------------------------------- /images/tab-close-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/tab-close-hover.png -------------------------------------------------------------------------------- /images/tab-dirty-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/tab-dirty-active.png -------------------------------------------------------------------------------- /images/file-close-dirty@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/file-close-dirty@2x.png -------------------------------------------------------------------------------- /images/file-close-hover@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/file-close-hover@2x.png -------------------------------------------------------------------------------- /images/file-close-selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/file-close-selected.png -------------------------------------------------------------------------------- /images/file-dirty-selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/file-dirty-selected.png -------------------------------------------------------------------------------- /images/fold-closed-pressed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/fold-closed-pressed.png -------------------------------------------------------------------------------- /images/fold-open-pressed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/fold-open-pressed.png -------------------------------------------------------------------------------- /images/group-open-selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/group-open-selected.png -------------------------------------------------------------------------------- /images/icon-buffer-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-buffer-hover.png -------------------------------------------------------------------------------- /images/icon-buffer-off@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-buffer-off@2x.png -------------------------------------------------------------------------------- /images/icon-buffer-on@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-buffer-on@2x.png -------------------------------------------------------------------------------- /images/icon-context-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-context-hover.png -------------------------------------------------------------------------------- /images/icon-context-off@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-context-off@2x.png -------------------------------------------------------------------------------- /images/icon-context-on@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-context-on@2x.png -------------------------------------------------------------------------------- /images/icon-highlight-off.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-highlight-off.png -------------------------------------------------------------------------------- /images/icon-highlight-on.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-highlight-on.png -------------------------------------------------------------------------------- /images/icon-preserve-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-preserve-hover.png -------------------------------------------------------------------------------- /images/icon-preserve-off.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-preserve-off.png -------------------------------------------------------------------------------- /images/icon-preserve-on@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-preserve-on@2x.png -------------------------------------------------------------------------------- /images/icon-regex-hover@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-regex-hover@2x.png -------------------------------------------------------------------------------- /images/icon-regex-off@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-regex-off@2x.png -------------------------------------------------------------------------------- /images/icon-reverse-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-reverse-hover.png -------------------------------------------------------------------------------- /images/icon-reverse-off@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-reverse-off@2x.png -------------------------------------------------------------------------------- /images/icon-reverse-on@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-reverse-on@2x.png -------------------------------------------------------------------------------- /images/icon-selection-off.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-selection-off.png -------------------------------------------------------------------------------- /images/icon-selection-on.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-selection-on.png -------------------------------------------------------------------------------- /images/icon-word-hover@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-word-hover@2x.png -------------------------------------------------------------------------------- /images/icon-wrap-hover@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-wrap-hover@2x.png -------------------------------------------------------------------------------- /images/tab-close-hover@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/tab-close-hover@2x.png -------------------------------------------------------------------------------- /images/tab-dirty-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/tab-dirty-active@2x.png -------------------------------------------------------------------------------- /images/tabset-background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/tabset-background.png -------------------------------------------------------------------------------- /dock-icons/atom-predawn-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/dock-icons/atom-predawn-icon.png -------------------------------------------------------------------------------- /images/fold-open-pressed@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/fold-open-pressed@2x.png -------------------------------------------------------------------------------- /images/group-closed-selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/group-closed-selected.png -------------------------------------------------------------------------------- /images/icon-buffer-hover@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-buffer-hover@2x.png -------------------------------------------------------------------------------- /images/icon-context-hover@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-context-hover@2x.png -------------------------------------------------------------------------------- /images/icon-highlight-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-highlight-hover.png -------------------------------------------------------------------------------- /images/icon-highlight-off@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-highlight-off@2x.png -------------------------------------------------------------------------------- /images/icon-highlight-on@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-highlight-on@2x.png -------------------------------------------------------------------------------- /images/icon-preserve-off@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-preserve-off@2x.png -------------------------------------------------------------------------------- /images/icon-reverse-hover@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-reverse-hover@2x.png -------------------------------------------------------------------------------- /images/icon-selection-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-selection-hover.png -------------------------------------------------------------------------------- /images/icon-selection-off@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-selection-off@2x.png -------------------------------------------------------------------------------- /images/icon-selection-on@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-selection-on@2x.png -------------------------------------------------------------------------------- /images/overlay-puck-vertical.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/overlay-puck-vertical.png -------------------------------------------------------------------------------- /images/sidebar-row-selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/sidebar-row-selected.png -------------------------------------------------------------------------------- /images/status-bar-background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/status-bar-background.png -------------------------------------------------------------------------------- /dock-icons/atom-predawn-icon.icns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/dock-icons/atom-predawn-icon.icns -------------------------------------------------------------------------------- /images/file-close-selected@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/file-close-selected@2x.png -------------------------------------------------------------------------------- /images/file-dirty-selected@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/file-dirty-selected@2x.png -------------------------------------------------------------------------------- /images/fold-closed-pressed@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/fold-closed-pressed@2x.png -------------------------------------------------------------------------------- /images/group-closed-selected@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/group-closed-selected@2x.png -------------------------------------------------------------------------------- /images/group-open-selected@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/group-open-selected@2x.png -------------------------------------------------------------------------------- /images/icon-highlight-hover@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-highlight-hover@2x.png -------------------------------------------------------------------------------- /images/icon-preserve-hover@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-preserve-hover@2x.png -------------------------------------------------------------------------------- /images/icon-selection-hover@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-selection-hover@2x.png -------------------------------------------------------------------------------- /images/overlay-puck-horizontal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/overlay-puck-horizontal.png -------------------------------------------------------------------------------- /images/quick-panel-background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/quick-panel-background.png -------------------------------------------------------------------------------- /images/quick-panel-row-selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/quick-panel-row-selected.png -------------------------------------------------------------------------------- /images/standard-puck-horizontal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/standard-puck-horizontal.png -------------------------------------------------------------------------------- /images/standard-puck-vertical.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/standard-puck-vertical.png -------------------------------------------------------------------------------- /dock-icons/atom-predawn-dark-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/dock-icons/atom-predawn-dark-icon.png -------------------------------------------------------------------------------- /images/overlay-dark-puck-vertical.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/overlay-dark-puck-vertical.png -------------------------------------------------------------------------------- /images/overlay-scrollbar-vertical.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/overlay-scrollbar-vertical.png -------------------------------------------------------------------------------- /images/standard-scrollbar-corner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/standard-scrollbar-corner.png -------------------------------------------------------------------------------- /dock-icons/atom-predawn-dark-icon.icns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/dock-icons/atom-predawn-dark-icon.icns -------------------------------------------------------------------------------- /dock-icons/atom-predawn-dock-icons.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/dock-icons/atom-predawn-dock-icons.png -------------------------------------------------------------------------------- /dock-icons/atom-predawn-round-icon.icns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/dock-icons/atom-predawn-round-icon.icns -------------------------------------------------------------------------------- /dock-icons/atom-predawn-round-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/dock-icons/atom-predawn-round-icon.png -------------------------------------------------------------------------------- /images/code-completion-row-selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/code-completion-row-selected.png -------------------------------------------------------------------------------- /images/icon-file-symlink-directory.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-file-symlink-directory.png -------------------------------------------------------------------------------- /images/overlay-dark-puck-horizontal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/overlay-dark-puck-horizontal.png -------------------------------------------------------------------------------- /images/overlay-scrollbar-horizontal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/overlay-scrollbar-horizontal.png -------------------------------------------------------------------------------- /images/standard-scrollbar-horizontal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/standard-scrollbar-horizontal.png -------------------------------------------------------------------------------- /images/standard-scrollbar-vertical.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/standard-scrollbar-vertical.png -------------------------------------------------------------------------------- /images/icon-file-symlink-directory@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/images/icon-file-symlink-directory@2x.png -------------------------------------------------------------------------------- /dock-icons/atom-predawn-dark-round-icon.icns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/dock-icons/atom-predawn-dark-round-icon.icns -------------------------------------------------------------------------------- /dock-icons/atom-predawn-dark-round-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamiewilson/predawn-ui/HEAD/dock-icons/atom-predawn-dark-round-icon.png -------------------------------------------------------------------------------- /styles/messages.less: -------------------------------------------------------------------------------- 1 | @import "ui-variables"; 2 | 3 | ul.background-message { 4 | font-weight: bold; 5 | color: rgba(0, 0, 0, 0.2); 6 | } 7 | -------------------------------------------------------------------------------- /styles/inputs.less: -------------------------------------------------------------------------------- 1 | .command-palette, 2 | .fuzzy-finder, 3 | .project-manager { 4 | .atom-text-editor[mini] { 5 | min-height: 35px; 6 | vertical-align: middle; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /styles/text.less: -------------------------------------------------------------------------------- 1 | pre { 2 | box-shadow: none; 3 | color: @text-color; 4 | background: @inset-panel-background-color; 5 | border-radius: @component-border-radius; 6 | border: none; 7 | margin: 0; 8 | } 9 | -------------------------------------------------------------------------------- /.github/issue_template.md: -------------------------------------------------------------------------------- 1 | - OS name and version: 2 | - Atom version: 3 | - predawn-ui version: 4 | 5 | ## Issue 6 | 7 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "predawn-ui", 3 | "theme": "ui", 4 | "version": "1.0.7", 5 | "description": "Predawn UI Theme for Atom", 6 | "repository": "https://github.com/jamiewilson/predawn-ui", 7 | "license": "MIT", 8 | "engines": { 9 | "atom": ">0.50.0" 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /styles/git.less: -------------------------------------------------------------------------------- 1 | @import "ui-mixins"; 2 | @import "ui-variables"; 3 | 4 | .status { .text(normal); } 5 | .status-added { .text(info); } 6 | .status-ignored { .text(subtle); } 7 | .status-modified { .text(warning); } 8 | .status-removed { .text(error); } 9 | .status-renamed { .text(success); } 10 | -------------------------------------------------------------------------------- /styles/scrollbars.less: -------------------------------------------------------------------------------- 1 | @import "ui-variables"; 2 | 3 | .scrollbars-visible-always { 4 | /deep/ ::-webkit-scrollbar { 5 | width: 2px; 6 | height: 2px; 7 | } 8 | 9 | /deep/ ::-webkit-scrollbar-track { 10 | background: none; 11 | } 12 | 13 | /deep/ ::-webkit-scrollbar-thumb { 14 | background-color: @cursor-color; 15 | } 16 | 17 | /deep/ ::-webkit-scrollbar-corner { 18 | background: transparent; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /index.less: -------------------------------------------------------------------------------- 1 | @import "styles/atom"; 2 | @import "styles/buttons"; 3 | @import "styles/editor"; 4 | @import "styles/lists"; 5 | @import "styles/overlays"; 6 | @import "styles/panels"; 7 | @import "styles/panes"; 8 | @import "styles/scrollbars"; 9 | @import "styles/settings"; 10 | @import "styles/status-bar"; 11 | @import "styles/tabs"; 12 | @import "styles/text"; 13 | @import "styles/tooltips"; 14 | @import "styles/tree-view"; 15 | @import "styles/inputs"; 16 | -------------------------------------------------------------------------------- /styles/dropdowns.less: -------------------------------------------------------------------------------- 1 | @import "ui-variables"; 2 | @import "ui-mixins"; 3 | @import "octicon-mixins"; 4 | 5 | .dropdown-menu { 6 | background-color: @overlay-background-color; 7 | border-radius: @component-border-radius; 8 | border: 1px solid @base-border-color; 9 | padding: 0; 10 | 11 | > li > a { 12 | .text(normal); 13 | } 14 | 15 | > li > a:hover { 16 | .text(highlight); 17 | background-color: @background-color-highlight; 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /styles/panes.less: -------------------------------------------------------------------------------- 1 | @import "ui-variables"; 2 | 3 | .pane-item { 4 | .panel { 5 | border-color: fadeout(#fff, 30%); 6 | } 7 | } 8 | 9 | .atom-pane-container { 10 | .atom-pane { 11 | background-color: @app-background-color; 12 | } 13 | 14 | .atom-pane-axis.horizontal > * { 15 | // border-right: 1px solid @pane-item-border-color; 16 | &:last-child { border-right: none; } 17 | } 18 | 19 | .atom-pane-axis.vertical > * { 20 | border-bottom: 1px solid #fff; 21 | &:last-child { border-bottom: none; } 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /styles/utilities.less: -------------------------------------------------------------------------------- 1 | @import "ui-mixins"; 2 | @import "ui-variables"; 3 | 4 | .key-binding { 5 | background: -webkit-linear-gradient( 6 | rgba(100, 100, 100, 0.5), 7 | rgba(70,70,70, 0.5)); 8 | -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1); 9 | display: inline-block; 10 | line-height: 100%; 11 | border-radius: @component-border-radius; 12 | margin-left: @component-icon-padding; 13 | font-family: Helvetica, Arial, sans-serif; 14 | font-size: @font-size - 1px; 15 | padding: @component-padding / 2; 16 | } 17 | -------------------------------------------------------------------------------- /styles/nav.less: -------------------------------------------------------------------------------- 1 | @import "ui-variables"; 2 | 3 | .nav-tabs { 4 | border-bottom: 1px solid @base-border-color; 5 | li { 6 | a, 7 | &.active a { 8 | border: none; 9 | margin-right: 0px; 10 | margin-bottom: 1px; 11 | } 12 | 13 | a:hover, 14 | &.active a, 15 | &.active a:hover { 16 | background-color: @background-color-highlight; 17 | border: none; 18 | color: @text-color-selected; 19 | border-bottom-left-radius: 0px; 20 | border-bottom-right-radius: 0px; 21 | } 22 | 23 | &.active a { 24 | background-color: @tab-background-color-active; 25 | } 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /index.coffee: -------------------------------------------------------------------------------- 1 | module.exports = 2 | config: 3 | colourlessIcons: 4 | type: 'boolean' 5 | default: true 6 | description: "Tick to force colourless tab icons" 7 | activate: (state) -> 8 | varKey = 'predawn-ui.colourlessIcons' 9 | self = @ 10 | atom.config.onDidChange varKey, ({newValue, oldValue}) -> 11 | self.setColoured(newValue) 12 | @setColoured(atom.config.get(varKey)) 13 | setColoured: (enable) -> 14 | tabBar = document.querySelector('.tab-bar') 15 | if !enable 16 | tabBar.className = tabBar.className.replace(/\scolourless-icons/, '') 17 | else 18 | tabBar.className = tabBar.className + " " + 'colourless-icons' 19 | -------------------------------------------------------------------------------- /styles/panels.less: -------------------------------------------------------------------------------- 1 | @import "ui-mixins"; 2 | @import "ui-variables"; 3 | 4 | .panel { 5 | &.bordered { 6 | border: 1px solid @base-border-color; 7 | border-radius: @component-border-radius; 8 | } 9 | } 10 | 11 | .tool-panel { 12 | .text(normal); 13 | position: relative; 14 | background-color: @tool-panel-background-color; 15 | 16 | .description, 17 | .options-label { 18 | font-size: 85%; 19 | padding-bottom: 10px; 20 | display: inline-block; 21 | vertical-align: middle; 22 | } 23 | } 24 | 25 | .atom-panel.bottom { 26 | padding: 10px; 27 | min-width: 500px; 28 | } 29 | 30 | .inset-panel { 31 | .text(normal); 32 | position: relative; 33 | background-color: @inset-panel-background-color; 34 | } 35 | -------------------------------------------------------------------------------- /styles/settings.less: -------------------------------------------------------------------------------- 1 | @import "ui-variables"; 2 | 3 | .settings-view .config-menu .nav > li.active > a { 4 | color: white; 5 | background-color: @text-color-highlight; 6 | } 7 | 8 | .settings-view select.form-control { 9 | box-shadow: none; 10 | background: rgba(255,255,255,.08); 11 | &:focus { 12 | border-color: lighten(@text-color-highlight, 10%); 13 | box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px fade(@text-color-highlight, 60%); 14 | } 15 | } 16 | 17 | .settings-view atom-text-editor[mini] { 18 | background-color: @input-background-color; 19 | } 20 | .settings-view .link { 21 | color: @text-color-highlight; 22 | } 23 | 24 | .settings-view .section-heading-count.badge { 25 | background-color: @text-color-highlight; 26 | color: #fff; 27 | } 28 | 29 | .settings-view input[type="checkbox"]:checked { 30 | background-color: @text-color-highlight; 31 | } 32 | -------------------------------------------------------------------------------- /styles/ui-mixins.less: -------------------------------------------------------------------------------- 1 | @import "ui-variables"; 2 | 3 | // Pattern matching; ish is cray. 4 | // http://lesscss.org/#-pattern-matching-and-guard-expressions 5 | .text(normal) { 6 | font-weight: normal; 7 | color: @text-color; 8 | text-shadow: none; 9 | } 10 | .text(subtle) { 11 | font-weight: normal; 12 | color: @text-color-subtle; 13 | text-shadow: none; 14 | } 15 | .text(highlight) { 16 | font-weight: normal; 17 | color: @text-color-highlight; 18 | text-shadow: 0 1px 0 rgba(0,0,0, .5); 19 | } 20 | .text(selected) { 21 | .text(highlight) 22 | } 23 | 24 | .text(info) { 25 | color: @text-color-info; 26 | text-shadow: none; 27 | } 28 | .text(success) { 29 | color: @text-color-success; 30 | text-shadow: none; 31 | } 32 | .text(warning) { 33 | color: @text-color-warning; 34 | text-shadow: none; 35 | } 36 | .text(error) { 37 | color: @text-color-error; 38 | text-shadow: none; 39 | } 40 | -------------------------------------------------------------------------------- /styles/buttons.less: -------------------------------------------------------------------------------- 1 | @import "ui-variables"; 2 | 3 | .btn { 4 | &:hover, 5 | &:focus:not(.btn-default) { 6 | color: @text-color; 7 | } 8 | 9 | &.active, 10 | &:active { 11 | -webkit-box-shadow: none; 12 | box-shadow: none; 13 | color: @text-color-highlight; 14 | background-color: @button-background-color-hover; 15 | } 16 | 17 | &.selected { 18 | color: @text-color-highlight; 19 | background-color: lighten(@button-background-color-hover, 5%); 20 | &:hover { 21 | background-color: lighten(@button-background-color-hover, 8%); 22 | } 23 | } 24 | 25 | &.btn-primary { 26 | &:focus { 27 | background-color: @text-color-highlight; 28 | color: @button-background-color; 29 | } 30 | 31 | &.disabled, 32 | &[disabled] { 33 | background-color: lighten(@text-color-highlight, 10%); 34 | color: @button-background-color; 35 | } 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /styles/status-bar.less: -------------------------------------------------------------------------------- 1 | .status-bar { 2 | background-color: @tab-bar-background-color; 3 | color: rgb(140, 140, 140); 4 | font-weight: 600; 5 | .status-bar-right { 6 | .inline-block { 7 | margin-left: 15px; 8 | } 9 | } 10 | .icon.icon-package, 11 | .icon.icon.squirrel { 12 | cursor: pointer; 13 | } 14 | .icon.icon-squirrel:before { 15 | font-size: 16px; 16 | width: 16px; 17 | height: 16px; 18 | } 19 | .text-info { 20 | color: @text-color-highlight; 21 | &:hover { 22 | color: darken(@text-color-highlight, 10%); 23 | } 24 | } 25 | .release-notes-status { 26 | color: @text-color-highlight; 27 | } 28 | .file-info, 29 | .cursor-position{ 30 | color: #777; 31 | margin-right: 15px; 32 | } 33 | .git-view { 34 | color: #777; 35 | margin-right: 0px; 36 | } 37 | a { 38 | color: #777; 39 | transition: color 100ms ease; 40 | &:hover { 41 | color: #f18260; 42 | text-decoration: none; 43 | } 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 Jamie Wilson 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /styles/tooltips.less: -------------------------------------------------------------------------------- 1 | @import "ui-variables"; 2 | 3 | .tooltip { 4 | white-space: nowrap; 5 | 6 | .keystroke { 7 | font-family: Helvetica, Arial, sans-serif; 8 | font-size: 13px; 9 | color: #777; 10 | padding-left: 2px; 11 | } 12 | 13 | &.in { opacity: 1; } 14 | 15 | .tooltip-inner { 16 | line-height: 19px; 17 | border-radius: @component-border-radius; 18 | background-color: @tip-background-color; 19 | box-shadow: 0 0 10px fade(@base-border-color, 20%); 20 | color: @tip-text-color; 21 | white-space: nowrap; 22 | max-width: none; 23 | 24 | .keystroke { 25 | color: @tip-text-color; 26 | &:before { 27 | content: '('; 28 | } 29 | &:after { 30 | content: ')'; 31 | } 32 | } 33 | } 34 | 35 | &.top .tooltip-arrow { 36 | border-top-color: @tip-background-color; 37 | } 38 | &.top-left .tooltip-arrow { 39 | border-top-color: @tip-background-color; 40 | } 41 | &.top-right .tooltip-arrow { 42 | border-top-color: @tip-background-color; 43 | } 44 | &.right .tooltip-arrow { 45 | border-right-color: @tip-background-color; 46 | } 47 | &.left .tooltip-arrow { 48 | border-left-color: @tip-background-color; 49 | } 50 | &.bottom .tooltip-arrow { 51 | border-bottom-color: @tip-background-color; 52 | } 53 | &.bottom-left .tooltip-arrow { 54 | border-bottom-color: @tip-background-color; 55 | } 56 | &.bottom-right .tooltip-arrow { 57 | border-bottom-color: @tip-background-color; 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /styles/overlays.less: -------------------------------------------------------------------------------- 1 | @import "ui-variables"; 2 | 3 | .atom-panel.modal { 4 | color: #777; 5 | background-color: @overlay-background-color; 6 | padding: @component-padding; 7 | border: 1px solid @overlay-border-color; 8 | box-shadow: 0 2px 10px @base-border-color; 9 | border-radius: @component-border-radius; 10 | 11 | &.from-top { 12 | top: @tab-height; 13 | } 14 | 15 | .atom-text-editor[mini], 16 | .atom-text-editor[mini].is-focused { 17 | margin-bottom: @component-padding; 18 | background-color: #282828; 19 | padding: @component-padding; 20 | 21 | .cursor { 22 | border-left-width: @cursor-width; 23 | border-color: @cursor-color; 24 | } 25 | } 26 | 27 | .select-list ol.list-group, 28 | &.select-list ol.list-group { 29 | 30 | background-color: #282828; 31 | 32 | li { 33 | padding: @component-padding; 34 | 35 | &.two-lines { padding: @component-padding/2 @component-padding; } 36 | 37 | .status.icon { 38 | float: right; 39 | margin-left: @component-icon-padding; 40 | &:before { 41 | margin-right: 0; 42 | } 43 | } 44 | 45 | &.selected { 46 | color: #fff; 47 | background: @cursor-color; 48 | 49 | &::before { 50 | background-color: transparent; 51 | } 52 | 53 | .status.icon { 54 | color: @text-color-selected; 55 | } 56 | } 57 | } 58 | } 59 | } 60 | 61 | .overlay.modal { 62 | .select-list ol.list-group { 63 | li { 64 | padding: 0 3px 0 5px; 65 | } 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Predawn for Atom 2 | 3 | ### A dark UI and [syntax theme](https://github.com/jamiewilson/predawn-syntax) for [Atom](https://atom.io/packages/predawn-ui) and [Sublime Text](https://sublime.wbond.net/packages/Predawn) 4 | 5 | # About 6 | 7 | Predawn is a minimal interface theme and a syntax color scheme. It was originally just a slightly tweaked version (called Flatland-Alt) of the [Flatland](https://github.com/thinkpixellab/flatland) theme, which itself is a flat reworking of [Soda](https://github.com/buymeasoda/soda-theme/). I decided to keep going with cusomization and rework the entire theme. But I owe a lot to Flatland and Soda. Thanks guys! 8 | 9 | Also, big thanks to [@johman10](http://github.com/johman10) and [@adammw](http://github.com/adammw) for helping get this ported over! 10 | 11 | ![Predawn UI and Syntax Themes](https://raw.githubusercontent.com/jamiewilson/predawn-ui/master/images/predawn-atom.png) 12 | 13 | 14 | # Installation 15 | 16 | Either, search for it in the Packages section in you Atom settings tab. Or from the command-line run: 17 | 18 | apm install predawn-ui 19 | 20 | Also, view on Atom.io at http://atom.io/packages/predawn-ui 21 | 22 | ## Syntax Theme 23 | I also highly reccomend installing the accompanying syntax theme, called [**predawn-syntax**](https://github.com/jamiewilson/predawn-syntax). 24 | 25 | ## I also threw in some dock icons just for fun: 26 | ![Atom Predawn Dock Icons](https://raw.githubusercontent.com/jamiewilson/predawn-ui/master/dock-icons/atom-predawn-dock-icons.png) 27 | 28 | ## Sublime Text 29 | [You can also find Predawn for Sublime Text here.](https://github.com/jamiewilson/predawn) 30 | -------------------------------------------------------------------------------- /styles/tree-view.less: -------------------------------------------------------------------------------- 1 | .tree-view { 2 | background: @tree-view-background-color; 3 | padding: 12px; 4 | } 5 | 6 | .tree-view:before { 7 | content: 'folders'; 8 | text-transform: uppercase; 9 | display: inline-block; 10 | margin-bottom: 5px; 11 | font-size: 11px; 12 | color: rgb(120,120,120); 13 | font-weight: bold; 14 | } 15 | 16 | .list-tree { 17 | line-height: 16px !important; 18 | font-size: 11px; 19 | vertical-align: middle; 20 | 21 | &.has-collapsable-children .list-nested-item { 22 | > .list-tree { 23 | > li, 24 | li.list-item { 25 | padding-left: 21px !important; 26 | margin-left: 0; 27 | } 28 | } 29 | } 30 | 31 | .selected:before { 32 | background-color: transparent; 33 | } 34 | 35 | li:not(.list-nested-item) { 36 | color: rgb(140, 140, 140); 37 | } 38 | 39 | li.list-nested-item { 40 | 41 | &.status-modified .list-item, 42 | .status-ignored.list-item { 43 | color: rgb(140, 140, 140); 44 | } 45 | 46 | &.directory .list-item:not(.file), 47 | &.selected.directory .list-item:not(.file) { 48 | color: rgb(210, 210, 210); 49 | } 50 | 51 | .list-item:hover, 52 | &.selected .list-item:hover { 53 | color: white !important; 54 | } 55 | 56 | .header:before { 57 | display: none !important; 58 | } 59 | } 60 | 61 | .icon:before { 62 | color: rgba(255,255,255,0.25); 63 | text-align: center; 64 | } 65 | 66 | .selected .icon:before { 67 | color: #f18260 !important; 68 | } 69 | 70 | li:not(.list-nested-item) { 71 | &.selected { 72 | color: white !important; 73 | 74 | &:before { 75 | background-color: #282828; 76 | } 77 | } 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /styles/tabs.less: -------------------------------------------------------------------------------- 1 | .tab-bar { 2 | height: @tab-height; 3 | line-height: @tab-height; 4 | background-color: @tab-bar-background-color; 5 | 6 | &.colourless-icons { 7 | .tab .title:before { 8 | color: rgba(255,255,255,0.25) !important; 9 | } 10 | } 11 | 12 | .tab { 13 | display: inline-block; 14 | height: @tab-height; 15 | padding-left: 15px; 16 | min-width: 100px; 17 | max-width: 260px; 18 | background-color: @tab-background-color; 19 | color: @text-color-subtle; 20 | transition: background-color 100ms ease; 21 | border-right: 1px solid @tab-background-color-active; 22 | 23 | .title { 24 | opacity: @text-color-subtle; 25 | } 26 | 27 | &:first-child { 28 | padding-left: 15px; 29 | } 30 | 31 | &:last-child { 32 | border-right: none; 33 | } 34 | 35 | &.active { 36 | background-color: @tab-background-color-active; 37 | } 38 | 39 | &.active .title { 40 | color: @text-color; 41 | } 42 | 43 | &.active:hover { 44 | background-color: @tab-background-color-active; 45 | } 46 | 47 | &:hover { 48 | background-color: @tab-background-color-hover; 49 | } 50 | 51 | &:hover .title { 52 | color: @text-color 53 | } 54 | 55 | .close-icon { 56 | height: 30px; 57 | margin-right: 8px; 58 | margin-top: 2px; 59 | } 60 | 61 | &.modified:not(:hover) .close-icon:before, 62 | .close-icon:before { 63 | content: ' '; 64 | background-image: @tab-close-icon; 65 | background-position: 50% 50%; 66 | opacity: 0.25; 67 | display: inline-block; 68 | margin-top: 9px; 69 | } 70 | 71 | .close-icon:hover:before, 72 | &.modified:hover .close-icon:hover:before { 73 | background-image: @tab-close-icon-hover; 74 | opacity: 1; 75 | } 76 | 77 | &.modified:not(:hover) .close-icon, 78 | &.modified:hover .close-icon { 79 | top: 1px; 80 | right: 10px; 81 | width: 12px; 82 | height: 30px; 83 | border: none; 84 | border-radius: 0; 85 | } 86 | 87 | &.modified:not(:hover) .close-icon:before, 88 | &.modified:hover .close-icon:before { 89 | background-image: @tab-close-icon-dirty; 90 | opacity: 1; 91 | } 92 | } 93 | } 94 | -------------------------------------------------------------------------------- /styles/editor.less: -------------------------------------------------------------------------------- 1 | @import "ui-variables"; 2 | 3 | .atom-text-editor[mini] { 4 | color: #fff; 5 | background-color: @base-background-color; 6 | border-radius: @component-border-radius; 7 | padding: 0 10px; 8 | max-height: 40px; 9 | height: 27px; 10 | 11 | .selection .region { background-color: #3a3a3a; } 12 | } 13 | 14 | .atom-text-editor[mini].is-focused { 15 | background-color: #191919; 16 | .selection .region { background-color: #4c4c4c; } 17 | } 18 | 19 | @-webkit-keyframes highlight { 20 | from { background-color: #3a3a3a; } 21 | to { background-color: null; } 22 | } 23 | 24 | .atom-text-editor .highlighted.selection .region { 25 | -webkit-animation-name: highlight; 26 | -webkit-animation-duration: 1s; 27 | -webkit-animation-iteration-count: 1; 28 | } 29 | 30 | .atom-text-editor::shadow, 31 | .atom-text-editor.react { 32 | .wrap-guide { 33 | background-color: #5a5a5a; 34 | } 35 | 36 | .scroll-view { 37 | padding-left: 0; 38 | } 39 | 40 | .gutter { 41 | color: #666; 42 | background-color: #282828; 43 | border-right: none; 44 | 45 | .cursor-line { 46 | background-color: #232323; 47 | opacity: 1; 48 | } 49 | 50 | .line-number { 51 | text-indent: 0.5em; 52 | padding-right: 0.5em; 53 | opacity: 1; 54 | text-align: left; 55 | .icon-right { 56 | opacity: 1; 57 | padding: 0 2px 0 0; 58 | } 59 | &.foldable .icon-right:before { 60 | background: @fold-open-icon; 61 | background-size: cover; 62 | content: ' '; 63 | height: 1.2em; 64 | width: 1.6em; 65 | } 66 | &.foldable.folded .icon-right:before { 67 | background: @fold-closed-icon; 68 | background-size: cover; 69 | content: ' '; 70 | height: 1.2em; 71 | width: 1.6em; 72 | } 73 | } 74 | 75 | .gutter:hover .line-number.foldable .icon-right:hover { 76 | opacity: 0.8; 77 | } 78 | } 79 | 80 | .line.cursor-line { 81 | &:before { 82 | content: ' '; 83 | position: absolute; 84 | left: 0; 85 | right: 0; 86 | z-index: -3; 87 | background-color: rgb(37,37,37); 88 | } 89 | } 90 | 91 | .cursor { 92 | border-color: @cursor-color; 93 | border-left-width: @cursor-width; 94 | } 95 | } 96 | 97 | .atom-text-editor { 98 | background-color: @base-background-color; 99 | } 100 | -------------------------------------------------------------------------------- /styles/lists.less: -------------------------------------------------------------------------------- 1 | @import "ui-variables"; 2 | @import "ui-mixins"; 3 | 4 | .list-group, .list-tree { 5 | li:not(.list-nested-item).selected, 6 | li.list-nested-item.selected > .list-item { 7 | color: #fff; 8 | 9 | &:before { 10 | background-color: fade(@app-background-color, 30%); 11 | z-index: -1; 12 | } 13 | } 14 | } 15 | 16 | .select-list.command-palette { 17 | .key-binding { 18 | font-size: 100%; 19 | } 20 | 21 | .selected { 22 | .key-binding { 23 | color: #fff; 24 | } 25 | } 26 | } 27 | 28 | .select-list.popover-list { 29 | background-color: @overlay-background-color; 30 | box-shadow: 0 0 10px @base-border-color; 31 | padding: @component-padding/2; 32 | border-radius: @component-border-radius; 33 | border: 1px solid @overlay-border-color; 34 | 35 | .atom-text-editor { 36 | margin-bottom: @component-padding/2; 37 | } 38 | 39 | .list-group li { 40 | padding-left: @component-padding/2; 41 | 42 | &.selected { 43 | color: #fff; 44 | background: @cursor-color; 45 | 46 | &:before { 47 | display: block; 48 | } 49 | 50 | .status.icon { 51 | color: @text-color-selected; 52 | } 53 | } 54 | } 55 | } 56 | 57 | .select-list.popover-list { 58 | border: none; 59 | } 60 | 61 | autocomplete-suggestion-list .selected .left-label { 62 | display: none !important; 63 | } 64 | 65 | .word-container { 66 | margin-left: 1.5rem; 67 | } 68 | 69 | .select-list.popover-list .list-group li.selected { 70 | background: #222; 71 | } 72 | 73 | .select-list.popover-list .list-group li.selected:before { 74 | background: #222; 75 | } 76 | 77 | autocomplete-suggestion-list.select-list.popover-list { 78 | margin-left: 0 !important; 79 | } 80 | 81 | .select-list.popover-list .list-group li { 82 | padding-left: 0; 83 | } 84 | 85 | autocomplete-suggestion-list .icon.property { 86 | color: #fff; 87 | background-color: rgba(255,255,255,0.2); 88 | } 89 | 90 | autocomplete-suggestion-list .icon.tag, 91 | autocomplete-suggestion-list .icon.selector { 92 | color: rgba(255,255,255,0.5); 93 | background-color: rgba(255,255,255,0.2); 94 | position: absolute; 95 | top: 0; 96 | left: 0; 97 | } 98 | 99 | autocomplete-suggestion-list .icon-container { 100 | position: absolute; 101 | left: 0; 102 | } 103 | 104 | autocomplete-suggestion-list.select-list.popover-list ol.list-group li { 105 | color: #fff; 106 | } 107 | 108 | .select-list.command-palette { 109 | .list-group { 110 | .character-match { 111 | color: @text-color-highlight; 112 | } 113 | } 114 | } 115 | 116 | .select-list.fuzzy-finder { 117 | .list-group { 118 | .two-lines { 119 | .status.icon { 120 | float: right; 121 | } 122 | .secondary-line.path { 123 | color: rgb(140, 140, 140); 124 | } 125 | } 126 | .two-lines.selected { 127 | &::before { 128 | height: 50px; 129 | } 130 | .status.icon { 131 | color: @text-color; 132 | } 133 | .secondary-line.path { 134 | color: @text-color; 135 | } 136 | } 137 | .character-match { 138 | color: @text-color-highlight; 139 | border-bottom: 1px dotted @text-color-highlight; 140 | } 141 | } 142 | } 143 | -------------------------------------------------------------------------------- /styles/ui-variables.less: -------------------------------------------------------------------------------- 1 | // Icons 2 | @tab-close-icon: -webkit-image-set(url("atom://predawn-ui/images/tab-close.png") 1x, url("atom://predawn-ui/images/tab-close@2x.png") 2x); 3 | @tab-close-icon-hover: -webkit-image-set(url("atom://predawn-ui/images/tab-close-hover.png") 1x, url("atom://predawn-ui/images/tab-close-hover@2x.png") 2x); 4 | @tab-close-icon-dirty: -webkit-image-set(url("atom://predawn-ui/images/tab-dirty.png") 1x, url("atom://predawn-ui/images/tab-dirty@2x.png") 2x); 5 | @fold-open-icon: -webkit-image-set(url("atom://predawn-ui/images/fold-open.png") 1x, url("atom://predawn-ui/images/fold-open@2x.png") 2x); 6 | @fold-closed-icon: -webkit-image-set(url("atom://predawn-ui/images/fold-closed.png") 1x, url("atom://predawn-ui/images/fold-closed@2x.png") 2x); 7 | 8 | // Needed variables 9 | @text-color: rgba(255, 255, 255, 0.8); 10 | @text-color-subtle: rgba(255, 255, 255, 0.5); 11 | @text-color-highlight: #f18260; 12 | @text-color-selected: #cf5c3f; 13 | 14 | @text-color-info: #5293d8; 15 | @text-color-success: #26c26a; 16 | @text-color-warning: #ff982d; 17 | @text-color-error: #c00; 18 | 19 | @text-color-ignored: @text-color-subtle; 20 | @text-color-added: @text-color-success; 21 | @text-color-renamed: @text-color-info; 22 | @text-color-modified: @text-color-warning; 23 | @text-color-removed: @text-color-error; 24 | 25 | @background-color-info: #0098ff; 26 | @background-color-success: #17ca65; 27 | @background-color-warning: #ffaa2c; 28 | @background-color-error: #c00; 29 | @background-color-highlight: transparent; 30 | @background-color-selected: #4182C4; 31 | 32 | @app-background-color: #282828; 33 | 34 | @base-background-color: #282828; 35 | @base-border-color: transparent; 36 | 37 | @pane-item-background-color: @base-background-color; 38 | @pane-item-border-color: @base-border-color; 39 | 40 | @input-background-color: #212224; 41 | @input-border-color: @base-border-color; 42 | 43 | @tool-panel-background-color: #232323; 44 | @tool-panel-border-color: @base-border-color; 45 | 46 | @inset-panel-background-color: @tool-panel-background-color; 47 | @inset-panel-border-color: @base-border-color; 48 | 49 | @panel-heading-background-color: #43484d; 50 | @panel-heading-border-color: @base-border-color; 51 | 52 | @overlay-background-color: #414141; 53 | @overlay-border-color: @base-border-color; 54 | 55 | @button-background-color: @base-background-color; 56 | @button-background-color-hover: lighten(@button-background-color, 5%); 57 | @button-background-color-active: darken(@button-background-color, 5%); 58 | @button-background-color-selected: #5c6064; 59 | @button-border-color: @base-border-color; 60 | 61 | @tab-bar-background-color: #1f1f1f; 62 | @tab-bar-border-color: darken(@tab-background-color-active, 10%); 63 | @tab-background-color: #1f1f1f; 64 | @tab-background-color-hover: lighten(@tab-background-color, 8%); 65 | @tab-background-color-active: #282828; 66 | @tab-border-color: #484848; 67 | 68 | @tree-view-background-color: #333333; 69 | @tree-view-border-color: @tool-panel-border-color; 70 | 71 | @scrollbar-background-color: rgba(42, 42, 42, 0.5); 72 | @scrollbar-color: rgba(92, 92, 92, 0.5); 73 | 74 | @ui-site-color-1: @background-color-success; // green 75 | @ui-site-color-2: @background-color-info; // blue 76 | @ui-site-color-3: @background-color-warning; // orange 77 | @ui-site-color-4: #db2ff4; // purple 78 | @ui-site-color-5: #f5e11d; // yellow 79 | 80 | @tip-background-color: @text-color-highlight; 81 | @tip-text-color: #fff; 82 | 83 | @cursor-color: @text-color-highlight; 84 | 85 | 86 | // Sizes 87 | 88 | @font-size: 13px; 89 | 90 | @disclosure-arrow-size: 12px; 91 | 92 | @component-padding: 6px; 93 | @component-icon-padding: 5px; 94 | @component-icon-size: 16px; 95 | @component-line-height: 25px; 96 | @component-border-radius: 0; 97 | 98 | @tab-height: 50px; 99 | @cursor-width: 2px; 100 | 101 | 102 | // Other 103 | 104 | @font-family: 'Lucida Grande', 'Segoe UI', sans-serif; 105 | --------------------------------------------------------------------------------