{
    "componentChunkName": "component---src-templates-post-jsx",
    "path": "/blog/atomic-monokai-pro",
    "result": {"data":{"post":{"id":"b40a1707-3ac9-5aac-8b4c-a5fb54e8b0cb","body":"var _excluded = [\"components\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"title\": \"Atomic Monokai Pro\",\n  \"slug\": \"/atomic-monokai-pro\",\n  \"description\": \"A modern interpretation of the popular monokai color palette.\",\n  \"date\": \"2018-02-14T00:00:00.000Z\",\n  \"category\": \"Design\",\n  \"image\": \"./img/atomic-monokai-pro-banner.png\",\n  \"repo\": \"atomic-monokai-pro-syntax\",\n  \"tags\": [\"atom\", \"design\", \"ui design\", \"projects\", \"tools\"],\n  \"published\": true\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"undefined\", null, mdx(\"p\", {\n    \"className\": \"badges\"\n  }, \"\\n  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://atom.io/themes/atomic-monokai-pro-syntax\"\n  }, \"\\n    \", mdx(\"img\", {\n    parentName: \"a\",\n    \"src\": \"https://img.shields.io/apm/v/atomic-monokai-pro-syntax.svg?\",\n    \"alt\": \"Version\"\n  }), \"\\n  \"), \"\\n  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://opensource.org/licenses/MIT\"\n  }, \"\\n    \", mdx(\"img\", {\n    parentName: \"a\",\n    \"src\": \"https://img.shields.io/apm/l/atomic-monokai-pro-syntax.svg?\",\n    \"alt\": \"License\"\n  }), \"\\n  \"), \"\\n  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://atom.io/themes/atomic-monokai-pro-syntax\"\n  }, \"\\n    \", mdx(\"img\", {\n    parentName: \"a\",\n    \"src\": \"https://img.shields.io/apm/dm/atomic-monokai-pro-syntax.svg?maxAge=2592000?\",\n    \"alt\": \"Downloads\"\n  }), \"\\n  \"), \"\\n  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://atom.io/themes/atomic-monokai-pro-syntax\"\n  }, \"\\n    \", mdx(\"img\", {\n    parentName: \"a\",\n    \"src\": \"https://badges.frapsoft.com/os/v1/open-source.svg?v=103\",\n    \"alt\": \"Open Source\"\n  }), \"\\n  \"), \"\\n\"), \"  \"), mdx(\"undefined\", null, mdx(\"p\", {\n    \"align\": \"center\"\n  }, \"\\n  \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"https://user-images.githubusercontent.com/16360374/59972291-4421f600-9541-11e9-8a85-fbcd41637eaf.png\",\n    \"alt\": \"preview\",\n    \"width\": 820\n  }), \"\\n\"), \"  \"), mdx(\"p\", null, mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://atom.io/themes/atomic-monokai-pro-syntax\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Atomic Monokai Pro\")), \" features a modern interpretation of the popular monokai color palette. Based on the \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.monokai.pro/\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, \"Monokai Pro\"), \" syntax-theme for Sublime Text and VSCode, this adaptated theme brings the same great enhancements to \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://atom.io\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, \"Atom\"), \".\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", \"Additionally, this theme also features modifications to better emphasize crucial code, while allowing more trivial aspects of the syntax to fade into the background. In turn, allowing for easier and more effective analysis and visual-grepping.  \"), mdx(\"h2\", null, \"Install\"), mdx(\"p\", null, \"This theme can be installed from within Atom or via the command: \"), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-bash\"\n  }, \"$ apm install atomic-monokai-pro-syntax \\n\")), mdx(\"p\", null, \"After installation, you can activated by going to the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Settings > Themes\"), \" section and selecting it from the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Syntax Themes\"), \" drop-down menu.  \"), mdx(\"br\", null));\n}\n;\nMDXContent.isMDXComponent = true;","fields":{"slug":"/atomic-monokai-pro"},"frontmatter":{"title":"Atomic Monokai Pro","description":"A modern interpretation of the popular monokai color palette.","date":"14 February 2018","category":"Design","image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#282828","images":{"fallback":{"src":"/static/a78b0ac50a2d60ba2fdab9a2847f04ec/9bb52/atomic-monokai-pro-banner.png","srcSet":"/static/a78b0ac50a2d60ba2fdab9a2847f04ec/1a796/atomic-monokai-pro-banner.png 750w,\n/static/a78b0ac50a2d60ba2fdab9a2847f04ec/00be0/atomic-monokai-pro-banner.png 1080w,\n/static/a78b0ac50a2d60ba2fdab9a2847f04ec/ec9ae/atomic-monokai-pro-banner.png 1366w,\n/static/a78b0ac50a2d60ba2fdab9a2847f04ec/9bb52/atomic-monokai-pro-banner.png 1429w","sizes":"100vw"},"sources":[{"srcSet":"/static/a78b0ac50a2d60ba2fdab9a2847f04ec/1e0c8/atomic-monokai-pro-banner.webp 750w,\n/static/a78b0ac50a2d60ba2fdab9a2847f04ec/29ae9/atomic-monokai-pro-banner.webp 1080w,\n/static/a78b0ac50a2d60ba2fdab9a2847f04ec/c7e2e/atomic-monokai-pro-banner.webp 1366w,\n/static/a78b0ac50a2d60ba2fdab9a2847f04ec/f3b1d/atomic-monokai-pro-banner.webp 1429w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.4198740377886634}}}}},"avatar":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/b24b72d8f366da7af02542a735d82fa0/f9edd/me.jpg","srcSet":"/static/b24b72d8f366da7af02542a735d82fa0/93848/me.jpg 60w,\n/static/b24b72d8f366da7af02542a735d82fa0/73bb6/me.jpg 120w,\n/static/b24b72d8f366da7af02542a735d82fa0/f9edd/me.jpg 240w,\n/static/b24b72d8f366da7af02542a735d82fa0/97a19/me.jpg 480w","sizes":"(min-width: 240px) 240px, 100vw"},"sources":[{"srcSet":"/static/b24b72d8f366da7af02542a735d82fa0/927d1/me.webp 60w,\n/static/b24b72d8f366da7af02542a735d82fa0/507b0/me.webp 120w,\n/static/b24b72d8f366da7af02542a735d82fa0/8d565/me.webp 240w,\n/static/b24b72d8f366da7af02542a735d82fa0/21b1a/me.webp 480w","type":"image/webp","sizes":"(min-width: 240px) 240px, 100vw"}]},"width":240,"height":240}}}},"pageContext":{"slug":"/atomic-monokai-pro"}},
    "staticQueryHashes": []}