Atom Settings Backup by https://atom.io/packages/sync-settings

init.coffee

# 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()}"

keymap.cson

# 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. Unlike style sheets however,
# each selector can only be declared once.
#
# 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
#
# If you're having trouble with your keybindings not working, try the
# Keybinding Resolver: `Cmd+.` on OS X and `Ctrl+.` on other platforms. See the
# Debugging Guide for more information:
# * https://atom.io/docs/latest/hacking-atom-debugging#check-the-keybindings
#
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it in the
# Atom Flight Manual:
# https://atom.io/docs/latest/using-atom-basic-customization#cson

packages.json

{
	"2-dark-syntax": {
		"version": "1.1.0",
		"theme": "syntax"
	},
	"about": {
		"version": "1.9.1"
	},
	"advanced-new-file": {
		"version": "0.5.0"
	},
	"advanced-open-file": {
		"version": "0.16.8"
	},
	"archive-view": {
		"version": "0.66.0"
	},
	"atom-dark-syntax": {
		"version": "0.29.1",
		"theme": "syntax"
	},
	"atom-dark-ui": {
		"version": "0.53.3",
		"theme": "ui"
	},
	"atom-ide-ui": {
		"version": "0.13.0"
	},
	"atom-jade": {
		"version": "0.3.0"
	},
	"atom-light-syntax": {
		"version": "0.29.1",
		"theme": "syntax"
	},
	"atom-light-ui": {
		"version": "0.46.3",
		"theme": "ui"
	},
	"atom-prettify": {
		"version": "0.1.3"
	},
	"atom-stylus-supremacy": {
		"version": "0.7.0"
	},
	"atom-typescript": {
		"version": "14.3.2"
	},
	"autoclose-html": {
		"version": "0.23.0"
	},
	"autocomplete-atom-api": {
		"version": "0.10.7"
	},
	"autocomplete-css": {
		"version": "0.17.5"
	},
	"autocomplete-html": {
		"version": "0.8.8"
	},
	"autocomplete-modules": {
		"version": "2.3.0"
	},
	"autocomplete-plus": {
		"version": "2.42.4"
	},
	"autocomplete-snippets": {
		"version": "1.12.1"
	},
	"autoflow": {
		"version": "0.29.4"
	},
	"autosave": {
		"version": "0.24.6"
	},
	"ava": {
		"version": "0.12.0"
	},
	"background-tips": {
		"version": "0.28.0"
	},
	"base-16-ocean-dark-ui-theme": {
		"version": "1.7.2",
		"theme": "ui"
	},
	"base16-ocean-dark-syntax": {
		"version": "1.0.1",
		"theme": "syntax"
	},
	"base16-ocean-dark-syntax-theme": {
		"version": "0.1.10",
		"theme": "syntax"
	},
	"base16-tomorrow-dark-theme": {
		"version": "1.6.0",
		"theme": "syntax"
	},
	"base16-tomorrow-light-theme": {
		"version": "1.6.0",
		"theme": "syntax"
	},
	"bookmarks": {
		"version": "0.46.0"
	},
	"bracket-matcher": {
		"version": "0.92.0"
	},
	"busy-signal": {
		"version": "2.0.1"
	},
	"chester-atom-syntax": {
		"version": "0.3.2",
		"theme": "syntax"
	},
	"city-lights-icons": {
		"version": "1.1.1"
	},
	"city-lights-syntax": {
		"version": "1.1.8",
		"theme": "syntax"
	},
	"color-picker": {
		"version": "2.3.0"
	},
	"colorful-json": {
		"version": "1.1.0"
	},
	"command-palette": {
		"version": "0.43.5"
	},
	"count-dracula-syntax": {
		"version": "0.1.0",
		"theme": "syntax"
	},
	"cssbeautify": {
		"version": "1.3.0"
	},
	"dalek": {
		"version": "0.2.2"
	},
	"dark-flat-ui": {
		"version": "1.2.4",
		"theme": "ui"
	},
	"deprecation-cop": {
		"version": "0.56.9"
	},
	"dev-live-reload": {
		"version": "0.48.1"
	},
	"dracula-pro": {
		"version": "1.0.0",
		"theme": "syntax"
	},
	"dracula-pro-blade": {
		"version": "1.0.0",
		"theme": "syntax"
	},
	"dracula-pro-buffy": {
		"version": "1.0.0",
		"theme": "syntax"
	},
	"dracula-pro-lincoln": {
		"version": "1.0.0",
		"theme": "syntax"
	},
	"dracula-pro-morbius": {
		"version": "1.0.0",
		"theme": "syntax"
	},
	"dracula-pro-van-helsing": {
		"version": "1.0.0",
		"theme": "syntax"
	},
	"dracula-ui": {
		"version": "0.6.0",
		"theme": "ui"
	},
	"encoding-selector": {
		"version": "0.23.9"
	},
	"exception-reporting": {
		"version": "0.43.1"
	},
	"fast-eslint": {
		"version": "4.15.0"
	},
	"file-icons": {
		"version": "2.1.47"
	},
	"find-and-replace": {
		"version": "0.219.8"
	},
	"fold-lines": {
		"version": "0.2.2"
	},
	"fuzzy-finder": {
		"version": "1.14.3"
	},
	"git-diff": {
		"version": "1.3.9"
	},
	"github": {
		"version": "0.36.9"
	},
	"go-to-line": {
		"version": "0.33.0"
	},
	"grammar-selector": {
		"version": "0.50.1"
	},
	"Handlebars": {
		"version": "1.9.0"
	},
	"hbs-beautify": {
		"version": "0.2.0"
	},
	"image-view": {
		"version": "0.64.0"
	},
	"incompatible-packages": {
		"version": "0.27.3"
	},
	"intentions": {
		"version": "1.1.5"
	},
	"isotope-ui": {
		"version": "2.8.5",
		"theme": "ui"
	},
	"keybinding-resolver": {
		"version": "0.39.0"
	},
	"language-babel": {
		"version": "2.85.0"
	},
	"language-c": {
		"version": "0.60.19"
	},
	"language-clojure": {
		"version": "0.22.8"
	},
	"language-coffee-script": {
		"version": "0.50.0"
	},
	"language-csharp": {
		"version": "1.1.0"
	},
	"language-css": {
		"version": "0.44.4"
	},
	"language-diff": {
		"version": "0.7.0"
	},
	"language-ejs": {
		"version": "0.4.0"
	},
	"language-gfm": {
		"version": "0.90.8"
	},
	"language-git": {
		"version": "0.19.1"
	},
	"language-go": {
		"version": "0.47.2"
	},
	"language-handlebars": {
		"version": "0.2.0"
	},
	"language-hjson": {
		"version": "1.0.2"
	},
	"language-html": {
		"version": "0.53.1"
	},
	"language-hyperlink": {
		"version": "0.17.1"
	},
	"language-java": {
		"version": "0.32.1"
	},
	"language-javascript": {
		"version": "0.134.1"
	},
	"language-javascript-plus": {
		"version": "3.0.2"
	},
	"language-json": {
		"version": "1.0.5"
	},
	"language-less": {
		"version": "0.34.3"
	},
	"language-make": {
		"version": "0.23.0"
	},
	"language-markdown": {
		"version": "0.37.0"
	},
	"language-mustache": {
		"version": "0.14.5"
	},
	"language-objective-c": {
		"version": "0.16.0"
	},
	"language-perl": {
		"version": "0.38.1"
	},
	"language-php": {
		"version": "0.47.0"
	},
	"language-property-list": {
		"version": "0.9.1"
	},
	"language-pug": {
		"version": "0.0.22"
	},
	"language-pug-jade": {
		"version": "0.2.1"
	},
	"language-python": {
		"version": "0.53.6"
	},
	"language-ruby": {
		"version": "0.72.23"
	},
	"language-ruby-on-rails": {
		"version": "0.25.3"
	},
	"language-rust-bundled": {
		"version": "0.1.0"
	},
	"language-sass": {
		"version": "0.62.1"
	},
	"language-shellscript": {
		"version": "0.28.2"
	},
	"language-source": {
		"version": "0.9.0"
	},
	"language-sql": {
		"version": "0.25.10"
	},
	"language-svelte": {
		"version": "0.9.2"
	},
	"language-text": {
		"version": "0.7.4"
	},
	"language-todo": {
		"version": "0.29.4"
	},
	"language-toml": {
		"version": "0.20.0"
	},
	"language-typescript": {
		"version": "0.6.3"
	},
	"language-vue": {
		"version": "0.26.0"
	},
	"language-xml": {
		"version": "0.35.3"
	},
	"language-yaml": {
		"version": "0.32.0"
	},
	"line-ending-selector": {
		"version": "0.7.7"
	},
	"link": {
		"version": "0.31.6"
	},
	"linter": {
		"version": "3.4.0"
	},
	"linter-csslint": {
		"version": "2.0.6"
	},
	"linter-eslint": {
		"version": "8.6.6"
	},
	"linter-js-standard": {
		"version": "7.0.0"
	},
	"linter-json-lint": {
		"version": "0.1.3"
	},
	"linter-pug-lint": {
		"version": "0.2.0"
	},
	"linter-stylelint": {
		"version": "4.4.9"
	},
	"linter-stylint": {
		"version": "2.3.0"
	},
	"linter-ui-default": {
		"version": "3.4.1"
	},
	"markdown-pdf": {
		"version": "2.2.0"
	},
	"markdown-preview": {
		"version": "0.160.2"
	},
	"metrics": {
		"version": "1.8.1"
	},
	"multi-cursor": {
		"version": "3.0.0"
	},
	"n-panes": {
		"version": "0.2.0"
	},
	"notifications": {
		"version": "0.71.0"
	},
	"oceanic-eighties-syntax": {
		"version": "0.3.0",
		"theme": "syntax"
	},
	"oceanic-theme": {
		"version": "0.1.2",
		"theme": "syntax"
	},
	"oceans16-atom": {
		"version": "21.0.17",
		"theme": "syntax"
	},
	"one-dark-syntax": {
		"version": "1.8.4",
		"theme": "syntax"
	},
	"one-dark-ui": {
		"version": "1.12.5",
		"theme": "ui"
	},
	"one-dark-vivid-syntax": {
		"version": "1.8.1",
		"theme": "syntax"
	},
	"one-light-syntax": {
		"version": "1.8.4",
		"theme": "syntax"
	},
	"one-light-ui": {
		"version": "1.12.5",
		"theme": "ui"
	},
	"open-on-github": {
		"version": "1.3.2"
	},
	"outlander-syntax": {
		"version": "2.0.0",
		"theme": "syntax"
	},
	"outlander-ui": {
		"version": "1.4.0",
		"theme": "ui"
	},
	"package-generator": {
		"version": "1.3.0"
	},
	"pep-ui": {
		"version": "0.0.5",
		"theme": "ui"
	},
	"prettier-atom": {
		"version": "0.60.1"
	},
	"pretty-json": {
		"version": "2.1.2"
	},
	"pristine-ui": {
		"version": "1.1.11",
		"theme": "ui"
	},
	"set-syntax": {
		"version": "0.4.0"
	},
	"seti-syntax": {
		"version": "1.2.0",
		"theme": "syntax"
	},
	"seti-ui": {
		"version": "1.11.0",
		"theme": "ui"
	},
	"settings-view": {
		"version": "0.261.8"
	},
	"simple-align": {
		"version": "0.2.0"
	},
	"snippets": {
		"version": "1.5.1"
	},
	"solarized-dark-syntax": {
		"version": "1.3.0",
		"theme": "syntax"
	},
	"solarized-light-syntax": {
		"version": "1.3.0",
		"theme": "syntax"
	},
	"spell-check": {
		"version": "0.77.1"
	},
	"standard-formatter": {
		"version": "2.8.0"
	},
	"status-bar": {
		"version": "1.8.17"
	},
	"styleguide": {
		"version": "0.49.12"
	},
	"Stylus": {
		"version": "3.2.0"
	},
	"symbols-view": {
		"version": "0.118.4"
	},
	"sync-settings": {
		"version": "5.2.15"
	},
	"tabs": {
		"version": "0.110.0"
	},
	"tabs-to-spaces": {
		"version": "1.0.5"
	},
	"tidy-tabs": {
		"version": "0.4.0"
	},
	"timecop": {
		"version": "0.36.2"
	},
	"todo-show": {
		"version": "2.3.2"
	},
	"tomorrow-night-eighties": {
		"version": "0.5.0",
		"theme": "syntax"
	},
	"tomorrow-night-eighties-soft-syntax": {
		"version": "1.3.0",
		"theme": "syntax",
		"apmInstallSource": {
			"type": "git",
			"source": "dperrymorrow/tomorrow-night-eighties-soft-syntax-theme",
			"sha": "7374d35109e7703bd54bfed0563ab19a65adf3bf"
		}
	},
	"tomorrow-night-eighties-syntax": {
		"version": "1.1.0",
		"theme": "syntax"
	},
	"touchbar": {
		"version": "0.14.2"
	},
	"touchbar-git": {
		"version": "0.1.4"
	},
	"touchbar-registry": {
		"version": "0.3.2"
	},
	"tree-view": {
		"version": "0.228.3"
	},
	"update-package-dependencies": {
		"version": "0.13.1"
	},
	"welcome": {
		"version": "0.36.9"
	},
	"whitespace": {
		"version": "0.37.8"
	},
	"wrap-guide": {
		"version": "0.41.0"
	}
}

settings

// sample

settings.json

{
	"*": {
		"atom-stylus-supremacy": {
			"formatOnSave": true
		},
		"autocomplete-plus": {
			"autoActivationDelay": 200
		},
		"chrome-color-picker": {
			"General": {},
			"HexColors": {
				"autoShortHex": true
			}
		},
		"color-picker": {
			"abbreviateValues": true,
			"uppercaseColorValues": true
		},
		"core": {
			"closeDeletedFileTabs": true,
			"debugLSP": true,
			"disabledPackages": [
				"language-c",
				"language-clojure",
				"language-csharp",
				"language-go",
				"language-java",
				"language-objective-c",
				"language-perl",
				"wrap-guide",
				"language-gfm",
				"language-php",
				"deprecation-cop",
				"bookmarks",
				"bracket-matcher",
				"line-ending-selector",
				"busy-signal",
				"linter-json-lint",
				"no-title-bar",
				"linter-stylelint",
				"linter-stylint",
				"autocomplete-modules",
				"hbs-beautify",
				"atom-stylus-supremacy",
				"linter-csslint",
				"cssbeautify",
				"chrome-color-picker",
				"linter-pug-lint",
				"ava",
				"markdown-pdf",
				"touchbar",
				"language-pug",
				"language-pug-jade",
				"language-handlebars",
				"simple-align",
				"touchbar-git",
				"touchbar-registry",
				"archive-view",
				"city-lights-icons",
				"todo-show",
				"set-syntax",
				"color-picker",
				"atom-prettify",
				"advanced-new-file",
				"advanced-open-file",
				"language-diff",
				"autosave",
				"exception-reporting",
				"language-coffee-script",
				"language-mustache",
				"language-python",
				"language-rust-bundled",
				"metrics",
				"timecop",
				"welcome",
				"styleguide",
				"vue-snippets",
				"linter-js-standard",
				"fast-eslint",
				"atom-ide-ui"
			],
			"ignoredNames": [
				".git",
				"vendor",
				".DS_Store",
				"node_modules"
			],
			"packagesWithKeymapsDisabled": [],
			"reopenProjectMenuCount": 5,
			"telemetryConsent": "no",
			"themes": [
				"one-dark-ui",
				"dracula-pro-morbius"
			],
			"titleBar": "custom-inset"
		},
		"cssbeautify": {
			"autoSemicolon": true,
			"beautifyOnSave": true
		},
		"editor": {
			"fontFamily": "Monolisa",
			"fontSize": 17,
			"showCursorOnSelection": false,
			"softTabs": false,
			"softWrap": true,
			"tabType": "soft",
			"zoomFontWhenCtrlScrolling": true
		},
		"eslint-fixer": {
			"ysuccess": {
				"contents": true
			},
			"zerror": {
				"type": "timed"
			}
		},
		"exception-reporting": {
			"userId": "9589f15f-d9f5-e7ad-164c-9c65d788f776"
		},
		"fonts": {
			"fontFamily": "Cousine"
		},
		"jade-beautify": {
			"BEAUTIFY_ON_SAVE": true
		},
		"language-babel": {
			"autoIndentJSX": true
		},
		"linter-eslint": {
			"advanced": {
				"localNodeModules": "node_modules"
			},
			"autofix": {
				"fixOnSave": true,
				"ignoreFixableRulesWhileTyping": true
			},
			"disabling": {
				"rulesToSilenceWhileTyping": [
					"prettier/prettier",
					"no-trailing-spaces",
					"semi"
				]
			},
			"global": {},
			"lintHtmlFiles": true,
			"scopes": [
				"source.js",
				"source.babel",
				"source.js-semantic",
				"text.html.vue",
				"text.html.svelte"
			]
		},
		"linter-js-standard": {
			"checkStyleDevDependencies": true,
			"lintHtmlFiles": true
		},
		"linter-stylelint": {
			"disableWhenNoConfig": false,
			"fixOnSave": true
		},
		"linter-stylint": {
			"onlyRunWhenConfig": true,
			"runWithStrictMode": true
		},
		"linter-ui-default": {
			"panelHeight": 61,
			"showProviderName": true
		},
		"markdown-pdf": {
			"format": "Letter"
		},
		"markdown-preview": {
			"liveUpdate": false
		},
		"minimap": {
			"displayCodeHighlights": false
		},
		"no-title-bar": {
			"automaticTrafficLightsPadding": true,
			"metaKeyMouseDrag": true
		},
		"prettier-atom": {
			"formatOnSaveOptions": {
				"enabled": true,
				"excludedGlobs": [
					"*.html"
				],
				"jsonScopes": [
					"null"
				],
				"showInStatusBar": true
			},
			"prettierEslintOptions": {
				"prettierLast": true
			},
			"prettierOptions": {
				"printWidth": 100,
				"trailingComma": "es5"
			},
			"useEslint": true
		},
		"pretty-json": {},
		"spell-check": {
			"locales": [
				"en-US"
			],
			"useLocales": false
		},
		"standard-formatter": {},
		"sync-settings": {
			"autoCheckForUpdatedBackup": "no",
			"hiddenSettings": {}
		},
		"tabs-to-spaces": {
			"onSave": "untabify"
		},
		"terminal-plus": {
			"ansiColors": {
				"normal": {
					"black": "#22262f",
					"blue": "#8eb6cd",
					"cyan": "#8da1bb",
					"green": "#a3be8c",
					"magenta": "#a685ad",
					"red": "#bf5c53",
					"white": "#bcc5ce",
					"yellow": "#ebcb8b"
				},
				"zBright": {
					"brightBlue": "#9e9bff",
					"brightCyan": "#7aa1b3",
					"brightGreen": "#a3b56e",
					"brightMagenta": "#b67479",
					"brightRed": "#bf616a",
					"brightWhite": "#c0c5ce",
					"brightYellow": "#e4cb8b"
				}
			},
			"core": {
				"autoRunCommand": "builds"
			},
			"iconColors": {
				"green": "#6cbc4d",
				"red": "#c66c75",
				"yellow": "#e7bf42"
			},
			"style": {
				"defaultPanelHeight": "400px",
				"fontFamily": "Monaco",
				"fontSize": "14",
				"theme": "solid-colors"
			}
		},
		"tidy-tabs": {
			"runOnSave": true
		},
		"tree-view": {
			"autoReveal": true,
			"focusOnReveal": false,
			"hideIgnoredNames": true
		},
		"welcome": {
			"showOnStartup": false
		},
		"zentabs": {
			"maximumOpenedTabs": 10,
			"neverCloseDirty": true,
			"neverCloseNew": true,
			"neverCloseUnsaved": true
		}
	}
}

snippets.cson

# 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'
#
# Each scope (e.g. '.source.coffee' above) can only be declared once.
#
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it in the
# Atom Flight Manual:
# https://atom.io/docs/latest/using-atom-basic-customization#cson



'.source.js':
  'Vue Component':
    'prefix': 'new-vue-component'
    'body': """
      'use strict';

      module.exports = {

        template: `
          <div class="${1:true}">
          </div>
        `,

        name: '${1:true}',
        components: {

        },

        created() {

        },

        methods: {

        },

        computed: {

        },

        data() {
          return {

          };
        },

      };
    """

  'Vuex Module':
    'prefix': 'new-vuex-module'
    'body': """
      "use strict";

      module.exports = {

        namespaced: true,

        state: {},

        mutations: {},
        getters: {},
        actions: {},

      };

    """

  'Snippet Name':
    'prefix': 'Snippet Trigger'
    'body': 'Hello World!'

styles.less

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */

/*
 * Examples
 * (To see them, uncomment and save)
 */
//
// @import "./syntax.less";
//
// style the background color of the tree view
@fontFamily: "MonoLisa", "LigaMonaco", monospace;
@bg: #2b2e3a;
@text: lighten(#c2cccc, 5%);
@blue: #508db7;
@red: #c52f1a;
@orange: #f8cb8c;
@tomato: tomato;
@selection: darken(@blue, 29%);
@gray: #666;

.custom-decorations {
  width: 1.4em;
}

@keyframes pulse {
  0% {
    color: @blue;
    // border-color: @blue;
  }
  100% {
    color: @gray;
    // border-color: @gray;
  }
}

.linter-gutter-error {
  position: relative;
  &:before {
    content: "🚫";
    // opacity: .4;
    position: absolute;
    left: -.5em;
    top: .15em
  }
}

.linter-gutter-warning {
  position: relative;
  &:before {
    // opacity: .3;
    content: "⚠️";
    position: absolute;
    left: -.5em;
  }
}

.tab {
  margin: 0 !important;
  // border-color: @bg !important;
}

.tab.active {
  // background-color: @bg !important;
}

// style the background and foreground colors on the atom-text-editor-element itself
html,
body,
atom-pane-container,
atom-text-editor,
atom-panel-container,
.status-bar,
.title-bar,
.gutter,
.tool-panel {
  border: none !important;
  // background-color: @bg;
  ::-webkit-scrollbar {
    display: none;
    width: 0 !important;
  }
}

.gutter-container, .gutter {
  margin: 0 !important;
  border: 0 !important;
  .custom-decorations {
    // background-color: @bg;
  }
}

atom-text-editor {
  // background-color: @bg;
  font-family: @fontFamily;
  font-weight: 100;
  -webkit-font-smoothing: subpixel-antialiased;
  color: @text;
  line-height: 1.57em;
  filter: saturate(15%);
}

atom-panel-container.left {
  .tree-view {
    font-family: @fontFamily;
    font-weight: 500;
    font-size: 1.25em;

    .header {
      font-weight: bold;
      font-style: italic;
    }

    &:focus-within {
      .file,
      .directory {
        filter: saturate(100%);
      }
    }
    // background-color: @bg;
  }


  .selected {

    // border: 1px solid red;
    // background: transparent !important;

    &:before {
      // border-left: 3px solid @blue;
    }
  }
}

atom-text-editor::shadow {
  text-decoration: none !important;

  filter: saturate(60%);

  // .cursor {
  //   border-color: @orange;
  //   // border-width: 4px;
  //   // opacity: .8;
  // }

  .invisible-character {
    opacity: 0.7;
  }

  .minimap-visible-area {
    box-sizing: border-box;
    border: 2px dotted @blue;
    border-left: none;
    border-right: none;
  }

  .trailing-whitespace {
    background-color: @red;
    color: white;
    opacity: 0.5;
    border-right: none;
    text-align: center;
    position: relative;

    &:before {
      position: absolute;
      left: 0;
      right: 0;
      content: '💀';
    }
  }

  .syntax--storage, .syntax--keyword, .syntax--control, .syntax--constant {
    font-style: italic;
  }

  .gutter {
    position: relative;
    // max-width: 3em;
    padding: 0;

    .line-number {
      opacity: .1;
      transition: color, opacity .2s ease-in;
    }

    .line-number.cursor-line, .line-number:hover {
      opacity: 1;
      color: @orange;
    }


    .line-number.foldable.folded {
      opacity: 1;
      color: @blue;
      animation: pulse 3s infinite;
      filter: saturate(100%);
    }
  }

  .folded {
    filter: saturate(0%);
    opacity: .4;
  }

}