Skip to content

Instantly share code, notes, and snippets.

@scotato
Last active February 14, 2017 20:27
Show Gist options
  • Save scotato/4ee3efa3bd99971aa6b2b27811941b20 to your computer and use it in GitHub Desktop.
Save scotato/4ee3efa3bd99971aa6b2b27811941b20 to your computer and use it in GitHub Desktop.
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->
# console.log "Saved! #{editor.getPath()}"
# Your keymap
#
# Atom keymaps work similarly to style sheets. Just as style sheets use
# selectors to apply styles to elements, Atom keymaps use selectors to associate
# keystrokes with events in specific contexts.
#
# You can create a new keybinding in this file by typing "key" and then hitting
# tab.
#
# Here's an example taken from Atom's built-in keymap:
#
# 'atom-text-editor':
# 'enter': 'editor:newline'
#
# 'atom-workspace':
# 'ctrl-shift-p': 'core:move-up'
# 'ctrl-p': 'core:move-down'
#
# You can find more information about keymaps in these guides:
# * https://atom.io/docs/latest/using-atom-basic-customization#customizing-key-bindings
# * https://atom.io/docs/latest/behind-atom-keymaps-in-depth
#
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it here:
# https://github.com/bevry/cson#what-is-cson
[
{
"name": "about",
"version": "1.7.2"
},
{
"name": "archive-view",
"version": "0.62.2"
},
{
"name": "atom-clock",
"version": "0.1.3"
},
{
"name": "atom-dark-fusion-syntax",
"version": "2.0.3",
"theme": "syntax"
},
{
"name": "atom-dark-syntax",
"version": "0.28.0",
"theme": "syntax"
},
{
"name": "atom-dark-ui",
"version": "0.53.0",
"theme": "ui"
},
{
"name": "atom-light-syntax",
"version": "0.29.0",
"theme": "syntax"
},
{
"name": "atom-light-ui",
"version": "0.46.0",
"theme": "ui"
},
{
"name": "atom-material-ui",
"version": "1.3.9",
"theme": "ui"
},
{
"name": "atom-panda-syntax",
"version": "0.18.0",
"theme": "syntax"
},
{
"name": "autocomplete-atom-api",
"version": "0.10.0"
},
{
"name": "autocomplete-css",
"version": "0.14.1"
},
{
"name": "autocomplete-html",
"version": "0.7.2"
},
{
"name": "autocomplete-modules",
"version": "1.6.7"
},
{
"name": "autocomplete-plus",
"version": "2.34.2"
},
{
"name": "autocomplete-snippets",
"version": "1.11.0"
},
{
"name": "autoflow",
"version": "0.29.0"
},
{
"name": "autosave",
"version": "0.24.0"
},
{
"name": "background-tips",
"version": "0.26.1"
},
{
"name": "base16-tomorrow-dark-theme",
"version": "1.4.0",
"theme": "syntax"
},
{
"name": "base16-tomorrow-light-theme",
"version": "1.4.0",
"theme": "syntax"
},
{
"name": "bookmarks",
"version": "0.43.4"
},
{
"name": "bracket-matcher",
"version": "0.85.2"
},
{
"name": "color-picker",
"version": "2.2.5"
},
{
"name": "command-palette",
"version": "0.39.2"
},
{
"name": "deprecation-cop",
"version": "0.56.2"
},
{
"name": "dev-live-reload",
"version": "0.47.0"
},
{
"name": "editorconfig",
"version": "2.2.0"
},
{
"name": "encoding-selector",
"version": "0.22.0"
},
{
"name": "exception-reporting",
"version": "0.40.2"
},
{
"name": "find-and-replace",
"version": "0.206.1"
},
{
"name": "flatwhite-syntax",
"version": "0.8.0",
"theme": "syntax"
},
{
"name": "fuzzy-finder",
"version": "1.4.1"
},
{
"name": "git-diff",
"version": "1.2.0"
},
{
"name": "git-plus",
"version": "7.2.2"
},
{
"name": "go-to-line",
"version": "0.31.2"
},
{
"name": "goblin-syntax",
"version": "1.3.0",
"theme": "syntax"
},
{
"name": "grammar-selector",
"version": "0.48.2"
},
{
"name": "image-view",
"version": "0.60.0"
},
{
"name": "incompatible-packages",
"version": "0.26.1"
},
{
"name": "js-hyperclick",
"version": "1.10.1"
},
{
"name": "keybinding-resolver",
"version": "0.35.0"
},
{
"name": "language-babel",
"version": "2.54.1"
},
{
"name": "language-c",
"version": "0.54.1"
},
{
"name": "language-clojure",
"version": "0.22.1"
},
{
"name": "language-coffee-script",
"version": "0.48.2"
},
{
"name": "language-csharp",
"version": "0.14.0"
},
{
"name": "language-css",
"version": "0.41.0"
},
{
"name": "language-gfm",
"version": "0.88.0"
},
{
"name": "language-git",
"version": "0.19.0"
},
{
"name": "language-go",
"version": "0.43.1"
},
{
"name": "language-html",
"version": "0.47.1"
},
{
"name": "language-hyperlink",
"version": "0.16.1"
},
{
"name": "language-java",
"version": "0.25.0"
},
{
"name": "language-javascript",
"version": "0.125.1"
},
{
"name": "language-json",
"version": "0.18.3"
},
{
"name": "language-less",
"version": "0.30.0"
},
{
"name": "language-make",
"version": "0.22.3"
},
{
"name": "language-mustache",
"version": "0.13.1"
},
{
"name": "language-objective-c",
"version": "0.15.1"
},
{
"name": "language-perl",
"version": "0.37.0"
},
{
"name": "language-php",
"version": "0.37.3"
},
{
"name": "language-property-list",
"version": "0.9.0"
},
{
"name": "language-python",
"version": "0.45.1"
},
{
"name": "language-ruby",
"version": "0.70.4"
},
{
"name": "language-ruby-on-rails",
"version": "0.25.1"
},
{
"name": "language-sass",
"version": "0.57.1"
},
{
"name": "language-shellscript",
"version": "0.25.0"
},
{
"name": "language-source",
"version": "0.9.0"
},
{
"name": "language-sql",
"version": "0.25.2"
},
{
"name": "language-text",
"version": "0.7.1"
},
{
"name": "language-todo",
"version": "0.29.1"
},
{
"name": "language-toml",
"version": "0.18.1"
},
{
"name": "language-xml",
"version": "0.34.15"
},
{
"name": "language-yaml",
"version": "0.27.2"
},
{
"name": "line-ending-selector",
"version": "0.5.1"
},
{
"name": "link",
"version": "0.31.2"
},
{
"name": "linter",
"version": "1.11.21"
},
{
"name": "linter-flow-plus",
"version": "3.1.0"
},
{
"name": "linter-js-standard",
"version": "3.8.0"
},
{
"name": "markdown-preview",
"version": "0.159.6"
},
{
"name": "merge-conflicts",
"version": "1.4.4"
},
{
"name": "metrics",
"version": "1.1.3"
},
{
"name": "minimap",
"version": "4.26.8"
},
{
"name": "notifications",
"version": "0.66.1"
},
{
"name": "npm-install",
"version": "4.0.3"
},
{
"name": "npm-plus",
"version": "0.4.0"
},
{
"name": "one-dark-syntax",
"version": "1.6.0",
"theme": "syntax"
},
{
"name": "one-dark-ui",
"version": "1.9.1",
"theme": "ui"
},
{
"name": "one-light-syntax",
"version": "1.6.0",
"theme": "syntax"
},
{
"name": "one-light-ui",
"version": "1.9.1",
"theme": "ui"
},
{
"name": "open-on-github",
"version": "1.2.1"
},
{
"name": "package-generator",
"version": "1.0.2"
},
{
"name": "pigments",
"version": "0.39.0"
},
{
"name": "predawn-syntax",
"version": "1.0.2",
"theme": "syntax"
},
{
"name": "ramda-syntax",
"version": "0.12.0",
"theme": "syntax"
},
{
"name": "seti-syntax",
"version": "1.0.1",
"theme": "syntax"
},
{
"name": "seti-ui",
"version": "1.6.0",
"theme": "ui"
},
{
"name": "settings-view",
"version": "0.246.0"
},
{
"name": "snippets",
"version": "1.0.5"
},
{
"name": "solarized-dark-syntax",
"version": "1.1.1",
"theme": "syntax"
},
{
"name": "solarized-light-syntax",
"version": "1.1.1",
"theme": "syntax"
},
{
"name": "spell-check",
"version": "0.70.2"
},
{
"name": "status-bar",
"version": "1.7.0"
},
{
"name": "styleguide",
"version": "0.48.0"
},
{
"name": "symbols-view",
"version": "0.114.0"
},
{
"name": "sync-settings",
"version": "0.8.1"
},
{
"name": "tabs",
"version": "0.104.1"
},
{
"name": "timecop",
"version": "0.33.2"
},
{
"name": "tree-view",
"version": "0.213.1"
},
{
"name": "update-package-dependencies",
"version": "0.10.0"
},
{
"name": "vim-mode-plus",
"version": "0.82.0"
},
{
"name": "welcome",
"version": "0.36.0"
},
{
"name": "whitespace",
"version": "0.36.1"
},
{
"name": "wrap-guide",
"version": "0.39.0"
},
{
"name": "yoceanic-next-syntax",
"version": "0.7.0",
"theme": "syntax"
}
]
{
"atom-material-ui": {
"colors": {
"abaseColor": "#ec407a",
"accentColor": "#46ffc1",
"predefinedColor": "Pink"
},
"ui": {
"animations": false
}
},
"core": {
"projectHome": "/Users/scott/working",
"telemetryConsent": "limited",
"themes": [
"seti-ui",
"atom-panda-syntax"
]
},
"editor": {
"fontFamily": "\"Source Code Pro\"",
"fontSize": 16,
"invisibles": {},
"scrollPastEnd": true,
"showIndentGuide": true,
"showInvisibles": true,
"softWrap": true
},
"exception-reporting": {
"userId": "4f5c5e62-6ff1-1985-73f2-05018c544578"
},
"linter": {
"showErrorPanel": false
},
"linter-js-standard": {
"lintHtmlFiles": true,
"lintMarkdownFiles": true,
"showEslintRules": true
},
"minimap": {
"adjustAbsoluteModeHeight": true
},
"seti-ui": {
"compactView": true,
"disableAnimations": true,
"font": "Default Atom Font"
},
"sync-settings": {},
"welcome": {
"showOnStartup": false
}
}
# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting
# tab.
#
# An example CoffeeScript snippet to expand log to console.log:
#
# '.source.coffee':
# 'Console log':
# 'prefix': 'log'
# 'body': 'console.log $1'
#
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it here:
# https://github.com/bevry/cson#what-is-cson
// atom panda syntax variables
@very-light-gray : #E6E6E6;
@lighter-gray : darken(@very-light-gray, 10%);
@light-gray : #757575;
@gray : #373b41;
@dark-gray : lighten(#292A2B, 2%);
@very-dark-gray : #292A2B;
@white : #f3f3f3;
@light-midnight : #676B79;
@blue : #45A9F9;
@light-blue : #6FC1FF;
@purple : #B084EB;
@green : #19f9d8;
@red : #FF2C6D;
@orange : #FFB86C;
@light-orange : lighten(@orange, 8%);
@yellow : #f9ec49;
@pink : #FF75B5;
@light-pink : #FF9AC1;
@highlight : darken(@orange, 10%);
// directory/project header
atom-panel-container .project-root > .header {
background-color: darken(@very-dark-gray, 5%);
}
// tab styles
atom-workspace-axis.vertical .tab-bar {
border-bottom: solid 2px rgba(0, 0, 0, 0.3);
background: darken(@very-dark-gray, 10%);
.tab {
border-bottom: solid 2px rgba(0, 0, 0, 0.3);
background: darken(@very-dark-gray, 10%);
&.active {
background: darken(@very-dark-gray, 1%) !important;
&::after {
background: darken(@very-dark-gray, 1%) !important;
}
}
&.modified {
&::after {
background: @highlight !important;
}
.close-icon {
border-color: @highlight !important;
}
}
}
}
// file tree styles
.tree-view {
background-color: darken(@very-dark-gray, 5%);
.status-modified {
}
}
.list-tree {
li.list-item:not(.status-ignored) {
// color: rgba(255,255,255,.5) !important;
}
.selected::before {
background: darken(@very-dark-gray, 1%) !important;
border-color: transparent !important;
}
.status-modified {
color: @yellow !important;
&::before {
position: absolute;
// margin-top: -5px;
border-left: 2px solid rgba(255,255,255,.2) !important;
content: '';
left: 0;
right: 0;
height: 25px;
}
}
.directory.status-modified::before {
// margin-top: -5px;
}
}
// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
background-color: @very-dark-gray;
.cursor {
border-width: 2px;
}
}
// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor::shadow .cursor {
// border-color: red;
}
// seti icon mixin
.icon-set( @extension, @file, @color) {
.icon:not(.icon-file-directory),
.title {
&[data-name$="@{extension}"]:before {
color: @color !important;
}
}
}
// syntax
.syntax--entity.syntax--name.syntax--tag,
.syntax--entity.syntax--name.syntax--tag .syntax--support {
color: @purple;
font-style: normal;
}
// https://github.com/jesseweed/seti-ui/blob/master/styles/icons/mapping.less
atom-workspace.seti-icons {
// JAVASCRIPT
.icon-set('.js', 'javascript', @yellow);
.icon-set('.js.map', 'javascript', @yellow);
.icon-set('.es', 'javascript', @yellow);
.icon-set('.es5', 'javascript', @yellow);
.icon-set('.es6', 'javascript', @yellow);
.icon-set('.es7', 'javascript', @yellow);
// JSON
.icon-set('.json', 'json', @yellow);
// BABEL
.icon-set('.babelrc', 'babel', @yellow);
// EJS
.icon-set('.ejs', 'ejs', @yellow);
// FAVICON
.icon-set('.ico', 'favicon', @yellow);
// COFFEESCRIPT
.icon-set('.coffee', 'coffee', @yellow);
// CONFIG
.icon-set('.config', 'config', @lighter-gray);
.icon-set('.cfg', 'config', @lighter-gray);
.icon-set('.conf', 'config', @lighter-gray);
// CSON
.icon-set('.cson', 'json', @yellow);
// HTML
.icon-set('.html', 'html', @orange);
// CSS
.icon-set('.css', 'css', @blue);
.icon-set('.css.map', 'css', @blue);
.icon-set('.sss', 'css', @blue);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment