Atom config 2017

config.cson

"*":
  Zen:
    gutter: true
    tabs: "multiple"
  "atom-beautify":
    js:
      space_after_anon_function: true
  "atom-clock":
    dateFormat: "h:mm a"
    showTooltip: true
  "autocomplete-plus":
    autoActivationDelay: 100
    confirmCompletion: "enter"
    enableAutoActivation: false
    strictMatching: true
    useCoreMovementCommands: false
  "bracket-matcher": {}
  core:
    closeDeletedFileTabs: true
    disabledPackages: [
      "busy-signal"
      "intentions"
      "linter"
      "linter-eslint"
      "linter-less"
      "linter-ui-default"
      "wrap-guide"
      "language-todo"
      "language-javascript-jsx"
      "language-vue"
      "atom-beautify"
      "emmet-snippets-compatibility"
      "background-tips"
      "language-csharp"
      "language-java"
      "language-objective-c"
      "language-perl"
      "welcome"
      "atom-neovim"
      "atom-neovim"
    ]
    excludeVcsIgnoredPaths: false
    packagesWithKeymapsDisabled: [
      "emmet"
    ]
    projectHome: "/Users/jamescool"
    telemetryConsent: "no"
    themes: [
      "one-dark-ui"
      "gruvbox"
    ]
  "duotone-dark-syntax":
    color:
      duo: "#227d27"
      uno: "#1c91dd"
  editor:
    fontFamily: "Consolas"
    fontSize: 15
    invisibles: {}
    lineHeight: 1.6
    scrollPastEnd: true
    showIndentGuide: true
    softWrap: true
    tabType: "hard"
  emmet: {}
  "exception-reporting":
    userId: "db9809b3-54fc-4faf-84b6-804b57b6d5af"
  "file-icons": {}
  "file-types":
    ".zshrc": "source.python"
  fonts:
    fontFamily: "SK Modernist"
  "goto-definition":
    performanceMode: true
  "gruvbox-plus-syntax":
    contrast: "Soft"
  "linter-eslint":
    globalNodePath: "/usr/local"
  "linter-less":
    ieCompatibilityChecks: false
  "linter-ui-default":
    panelHeight: 69
  "merge-conflicts":
    gitPath: "/usr/local/bin/git"
  "one-dark-ui":
    hideDockButtons: true
  "pinned-tabs":
    closeUnpinned: true
  "status-bar": {}
  tabs:
    enableVcsColoring: true
  "vim-mode-plus":
    hideStatusBarOnMaximizePane: false
    hideTabBarOnMaximizePane: false
    smoothScrollOnFullScrollMotion: true
    smoothScrollOnFullScrollMotionDuration: 200
    smoothScrollOnHalfScrollMotion: true
    smoothScrollOnHalfScrollMotionDuration: 200
    statusBarModeStringStyle: "long"
  welcome:
    showOnStartup: false
".blade.html.php.text":
  editor:
    commentEnd: " --}}"
    commentStart: "{{-- "

keymap.cson

# These two rules allow "jk" to be used to exit insert mode
# However, this causes a significant delay when typing only j, when making selections, etc.
# 'atom-text-editor.vim-mode-plus:not(.normal-mode)':
#   'j k': 'vim-mode-plus:activate-normal-mode'
# 'atom-text-editor[mini]':
#   'j k': 'core:cancel'
#

'atom-text-editor.vim-mode-plus':
	'ctrl-cmd-up': 'unset!'
	'ctrl-cmd-down': 'unset!'
	'ctrl-k': 'editor:move-line-up'
	'ctrl-j': 'editor:move-line-down'


'atom-text-editor:not([mini])':
	# disable arrow keys ... still able to move blocks of code ... and use arrows in search fields
	# with ctrl + cmd + up/down
	'left': "core:nop"
	'right': "core:nop"
	'up': "core:nop"
	'down': "core:nop"


'atom-text-editor:not(.normal-mode)':
	# this allows me to use ctrl-e for emmet ... and tab for my custom snippets
	'ctrl-e': 'emmet:expand-abbreviation-with-tab'


# make CTRL+TAB and CTRL+SHIFT+TAB more intuitive (for selecting tabs)
'body':
  'ctrl-tab': 'pane:show-next-item'
  'ctrl-tab ^ctrl': 'unset!'
  'ctrl-shift-tab': 'pane:show-previous-item'
  'ctrl-shift-tab ^ctrl': 'unset!'


# set keystroke for bookmarks
'atom-text-editor':
  'ctrl-alt-b': 'bookmarks:toggle-bookmark'


# backspace only active in insert mode
'atom-text-editor.vim-mode-plus:not(.insert-mode)':
	'backspace': 'core:nop'
	'space': 'core:nop'


# wait, what does this do? LOL.
# '.pane .editor:not(.mini)':
#   'tab': 'snippets:expand'

snippets.cson

# CSS, LESS, Sass
'.source.css, .source.css.sass, .source.css.less':
	'mediaQuery':
		'prefix': '@media'
		'body': '@media (${1:max}-width: @width${2:Mobile}) {\n\t${3}\n}${4}'
	'tabletMediaQuery':
		'prefix': 'tablet'
		'body': '@media only screen\n\tand (min-device-width : 768px)\n\tand (max-device-width : 1024px)\n\tand (orientation : ${1:portrait}) {\n\t\t${2}\n}'


# PHP
'.text.php':
  'closing curly brace':
    'prefix': '}}'
    'body': '<?php } ?>'


# CSS, LESS, Sass, PHP, JavaScript
'.source.css, .source.css.sass, .source.css.less, .text.php, .source.js':
	'start comment banner':
		'prefix': 'start---'
		'body': '// --------------------------------------------------\n// '
	'end comment banner':
		'prefix': 'end---'
		'body': '// END ${1}\n// --------------------------------------------------'
	'both comment banners':
		'prefix': 'both---'
		'body': '// --------------------------------------------------\n// ${1}\n${2}\n// END ${1}\n// --------------------------------------------------'

styles.less

// eliminate animations
// * {
//   transition: none !important;
//   animation: none !important;
// }

// atom-text-editor {
//   -webkit-font-feature-settings: "liga" off, "calt" off;
// }

// prevent certain words in comments from being highlighted: TODO, FIXME, CHANGED, XXX, IDEA, HACK, NOTE, REVIEW, NB and BUG
// this is fixed more efficiently by disabling the language-todo package
// atom-text-editor.editor .type.class.review,
// atom-text-editor.editor .type.class.todo {
//   color: inherit;
// }

// make indent guide less vivid (only necessary for certain themes)
// atom-text-editor.editor .indent-guide {
// 	color: darken(#333, 2%);
// }

// make comments less vivid (only necessary for certain themes)
// also remove itallics (some letters hard to distinguish when itallic)
.syntax--comment {
	// color: darken(#969896, 20%);
	font-style: normal;
}

// highlight current line number for An Old Hope theme
// atom-text-editor .gutter .line-number.cursor-line {
// 	color: #e5cd52;
// }

// update color of folders in file directory for An Old Hope theme
// .header > .icon-file-directory:before {
// 	color: #4fb4d8;
// }

// make bookmarks more visible
atom-text-editor .gutter .line-number.bookmarked .icon-right:before {
  color: #4fb4d8;
}
atom-text-editor .line-number.bookmarked,
atom-text-editor .line-number .icon-right {
	opacity: 1;
}

// atom-text-editor .cursor {
//   color: lighten(#B54200, 20%);
// }

// force An Old Hope theme to make Less variables red (instead of white)
// atom-text-editor .syntax--variable.syntax--other.syntax--less {
// 	color: #eb3d54;
// }

// make close icons suitable for An Old Hope
// .tab-bar .tab .close-icon:hover {
// 	background-color: #4fb4d8;
// }
// .syntax--meta .syntax--entity.syntax--name.syntax--tags {
// 	color: white;
// }

// make active tree-view more obvious
.tree-view::before {
	width: 4px;
}

// set border-bottom of active tab (files, settings, about page)
.texteditor.tab.active,
.tab.active[data-type="SettingsView"],
.tab.active[data-type="AboutView"] {
  border-bottom: 3px solid #928374;
}

/******************  VIM MODE STATUS BAR ******************/

// green
@normal-bg: rgb(105, 238, 103);
// blue
@insert-bg: rgb(7, 193, 242);
// yellowish
@visual-bg: rgb(255, 206, 98);

// change the current cursor-line background color
atom-text-editor.is-focused.editor {
  .cursor-line {
    background: fadeout(@normal-bg, 90%);
  }
  &.insert-mode {
    .cursor-line {
      background: fadeout(@insert-bg, 90%);
    }
  }
  &.visual-mode {
    .cursor-line {
      background: fadeout(@visual-bg, 90%);
    }
  }
}

// vim mode in the status bar at the bottom
// make it nice and big so you can see it out of the corner of your eye
// without thinking about it.
.status-bar-vim-mode-plus-normal,
.status-bar-vim-mode-plus-insert,
.status-bar-vim-mode-plus-visual {
  font-weight: bold;
  text-align: center;
  font-size: 1.5em;
  width: 19rem;
  text-transform: capitalize;
}

.status-bar-vim-mode-plus-normal {
  background: @normal-bg;
  color: rgb(4, 111, 11);
}

.status-bar-vim-mode-plus-insert {
  background: @insert-bg;
  color: white;
}

.status-bar-vim-mode-plus-visual {
  background: @visual-bg;
  color: rgb(168, 117, 5);
}

// change cursor color in normal mode
atom-text-editor.vim-mode-plus.normal-mode.is-focused.editor {
  .cursor {
    background-color: @normal-bg;
  }
}

// change cursor color in visual mode
atom-text-editor.vim-mode-plus.visual-mode.is-focused.editor {
  .cursor {
    background-color: @visual-bg;
  }
}

// visual mode and selected text
atom-text-editor.editor .selection .region {
  background-color: fadeout(@visual-bg, 80%);
}

/****************** END VIM MODE STATUS BAR ******************/

Appearance:
One Dark UI Theme
with...
Gruvbox
Oceanic One Dark Syntax Theme
One Dark Syntax Theme
Base16 Tomorrow Dark Syntax Theme
An Old Hope Syntax Theme
Firewatch Theme

or...

Nucleus Dark UI Theme
with...
Gruvbox Syntax Theme

Packages used:
atom-tag-wrapper
emmet
file-icons
file-types
language-viml
merge-conflicts
vim-mode-plus

Disabled Packages:
atom-beautify
busy-signal
emmet-snippets-compatibility
intentions
language-babel
language-javascript-jsx
language-vue
linter
linter-eslint
linter-less
linter-ui-default

Disabled Core Packages:
background-tips
language-todo
(various unused languages)
welcome
wrap-guide