Skip to content

Instantly share code, notes, and snippets.

@jeffreysbrother
Last active December 13, 2017 00:20
Embed
What would you like to do?
Atom config 2017
"*":
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: "{{-- "
# 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'
# 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// --------------------------------------------------'
// 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 ******************/
@jeffreysbrother
Copy link
Author

jeffreysbrother commented Jun 19, 2017

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment