Adding VS Code's Night Owl theme (#379)

.all-contributorsrc

@@ -293,6 +293,16 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "wistcc",
+      "name": "Winner Crespo",
+      "avatar_url": "https://avatars0.githubusercontent.com/u/4671080?v=4",
+      "profile": "http://winnercrespo.com",
+      "contributions": [
+        "code",
+        "design"
+      ]
     }
   ],
   "repoType": "github"

README.md

@@ -76,5 +76,5 @@ Thanks goes out to all these wonderful people ([emoji key](https://github.com/ke
 | [<img src="https://avatars1.githubusercontent.com/u/225946?v=4" width="100px;"/><br /><sub><b>otobrglez</b></sub>](https://github.com/otobrglez)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=otobrglez "Code") | [<img src="https://avatars3.githubusercontent.com/u/11488612?v=4" width="100px;"/><br /><sub><b>darahak</b></sub>](https://github.com/darahak)<br />[📖](https://github.com/dawnlabs/carbon/commits?author=darahak "Documentation") | [<img src="https://avatars0.githubusercontent.com/u/246651?v=4" width="100px;"/><br /><sub><b>dom96</b></sub>](https://github.com/dom96)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=dom96 "Code") | [<img src="https://avatars3.githubusercontent.com/u/784056?v=4" width="100px;"/><br /><sub><b>elrumordelaluz</b></sub>](https://github.com/elrumordelaluz)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=elrumordelaluz "Code") | [<img src="https://avatars2.githubusercontent.com/u/21217?v=4" width="100px;"/><br /><sub><b>cjb</b></sub>](https://github.com/cjb)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=cjb "Code") | [<img src="https://avatars1.githubusercontent.com/u/5427083?v=4" width="100px;"/><br /><sub><b>Krzysztof-Cieslak</b></sub>](https://github.com/Krzysztof-Cieslak)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=Krzysztof-Cieslak "Code") | [<img src="https://avatars0.githubusercontent.com/u/2369851?v=4" width="100px;"/><br /><sub><b>fernahh</b></sub>](https://github.com/fernahh)<br />[📖](https://github.com/dawnlabs/carbon/commits?author=fernahh "Documentation") |
 | [<img src="https://avatars1.githubusercontent.com/u/10941033?v=4" width="100px;"/><br /><sub><b>g3r4n</b></sub>](https://github.com/g3r4n)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=g3r4n "Code") | [<img src="https://avatars0.githubusercontent.com/u/55830?v=4" width="100px;"/><br /><sub><b>Mat Gadd</b></sub>](http://drarok.com/)<br />[🐛](https://github.com/dawnlabs/carbon/issues?q=author%3ADrarok "Bug reports") [💻](https://github.com/dawnlabs/carbon/commits?author=Drarok "Code") | [<img src="https://avatars1.githubusercontent.com/u/11805775?v=4" width="100px;"/><br /><sub><b>Brad Davies</b></sub>](https://bradlab.co.uk)<br />[🐛](https://github.com/dawnlabs/carbon/issues?q=author%3Avarbrad "Bug reports") [💻](https://github.com/dawnlabs/carbon/commits?author=varbrad "Code") | [<img src="https://avatars1.githubusercontent.com/u/9087886?v=4" width="100px;"/><br /><sub><b>Rafael Câmara</b></sub>](http://www.rafaelcamaram.com/)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=rafaelcamaram "Code") | [<img src="https://avatars1.githubusercontent.com/u/2212006?v=4" width="100px;"/><br /><sub><b>Gleb Bahmutov</b></sub>](https://glebbahmutov.com/)<br />[⚠️](https://github.com/dawnlabs/carbon/commits?author=bahmutov "Tests") [🔧](#tool-bahmutov "Tools") | [<img src="https://avatars2.githubusercontent.com/u/10677789?v=4" width="100px;"/><br /><sub><b>Iván Munguía</b></sub>](https://ivan-munguia.netlify.com)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=warborn "Code") | [<img src="https://avatars1.githubusercontent.com/u/2755722?v=4" width="100px;"/><br /><sub><b>Dillon Mulroy</b></sub>](https://dillonmulroy.com)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=dmmulroy "Code") |
 | [<img src="https://avatars2.githubusercontent.com/u/253398?v=4" width="100px;"/><br /><sub><b>Nihad Abbasov</b></sub>](https://github.com/NARKOZ)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=NARKOZ "Code") | [<img src="https://avatars1.githubusercontent.com/u/7328625?v=4" width="100px;"/><br /><sub><b>Hugo Torzuoli</b></sub>](https://torzuolih.github.io)<br />[📖](https://github.com/dawnlabs/carbon/commits?author=TorzuoliH "Documentation") | [<img src="https://avatars1.githubusercontent.com/u/1906977?v=4" width="100px;"/><br /><sub><b>Bruno C. Couto</b></sub>](https://github.com/bruno02221)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=bruno02221 "Code") | [<img src="https://avatars2.githubusercontent.com/u/13263073?v=4" width="100px;"/><br /><sub><b>Mark Molnar</b></sub>](https://github.com/molnarmark)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=molnarmark "Code") | [<img src="https://avatars1.githubusercontent.com/u/1459450?v=4" width="100px;"/><br /><sub><b>Takahiko Inayama</b></sub>](https://www.behance.net/tetra2000)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=TETRA2000 "Code") | [<img src="https://avatars1.githubusercontent.com/u/14319020?v=4" width="100px;"/><br /><sub><b>François Martin</b></sub>](https://github.com/martinfrancois)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=martinfrancois "Code") | [<img src="https://avatars3.githubusercontent.com/u/3630346?v=4" width="100px;"/><br /><sub><b>Raphael Amorim</b></sub>](http://raphamorim.io)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=raphamorim "Code") |
-| [<img src="https://avatars0.githubusercontent.com/u/27292?v=4" width="100px;"/><br /><sub><b>Camron Flanders</b></sub>](http://camronflanders.com)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=camflan "Code") | [<img src="https://avatars0.githubusercontent.com/u/6516758?v=4" width="100px;"/><br /><sub><b>Eric Adamski</b></sub>](https://ericadamski.github.com)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=ericadamski "Code") |
+| [<img src="https://avatars0.githubusercontent.com/u/27292?v=4" width="100px;"/><br /><sub><b>Camron Flanders</b></sub>](http://camronflanders.com)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=camflan "Code") | [<img src="https://avatars0.githubusercontent.com/u/6516758?v=4" width="100px;"/><br /><sub><b>Eric Adamski</b></sub>](https://ericadamski.github.com)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=ericadamski "Code") | [<img src="https://avatars0.githubusercontent.com/u/4671080?v=4" width="100px;"/><br /><sub><b>Winner Crespo</b></sub>](http://winnercrespo.com)<br />[💻](https://github.com/dawnlabs/carbon/commits?author=wistcc "Code") [🎨](#design-wistcc "Design") |
 <!-- ALL-CONTRIBUTORS-LIST:END -->

components/Meta.js

@@ -8,6 +8,7 @@ import '../static/react-crop.css'
 import '../static/react-spinner.css'
 import '../lib/custom/themes/one-dark.css'
 import '../lib/custom/themes/verminal.css'
+import '../lib/custom/themes/night-owl.css'
 
 export default () => {
   const onBrowser = typeof window !== 'undefined'

lib/constants.js

@@ -55,6 +55,10 @@ export const THEMES = [
     id: 'monokai',
     name: 'Monokai'
   },
+  {
+    id: 'night-owl',
+    name: 'Night Owl',
+  },
   {
     id: 'oceanic-next',
     name: 'Oceanic Next'

lib/custom/themes/night-owl.css

@@ -0,0 +1,75 @@
+/*
+    Name:       night-owl 1.1.1
+    Author:     Sarah Drasner (https://github.com/sdras)
+    Original VS Code theme (https://github.com/sdras/night-owl-vscode-theme)
+*/
+/* basic */
+.CodeMirror.cm-s-night-owl {
+    font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+    font-weight: 350;
+    font-size: 18px;
+    color: #abb2bf;
+    background-color: #011627;
+  }
+  .cm-s-night-owl .CodeMirror-selected {background-color: #1d3b53 !important;}
+  .cm-s-night-owl .CodeMirror-gutter,
+  .cm-s-night-owl .CodeMirror-gutters {
+    border: none;
+    background-color: #011627;
+  }
+  .cm-s-night-owl .CodeMirror-linenumber,
+  .cm-s-night-owl .CodeMirror-linenumbers {
+    color: #5f7e97 !important;
+    background-color: transparent;
+  }
+  .cm-s-night-owl .CodeMirror-lines {
+    color: #abb2bf !important;
+    background-color: transparent;
+  }
+  .cm-s-night-owl .CodeMirror-cursor {border-left: 2px solid #7e57c2 !important;}
+  /* addon: edit/machingbrackets.js & addon: edit/matchtags.js */
+  .cm-s-night-owl .CodeMirror-matchingbracket,
+  .cm-s-night-owl .CodeMirror-matchingtag {
+    border-bottom: 2px solid #c792ea;
+    color: #abb2bf !important;
+    background-color: transparent;
+  }
+  .cm-s-night-owl .CodeMirror-nonmatchingbracket {
+    border-bottom: 2px solid #e06c75;
+    color: #abb2bf !important;
+    background-color: transparent;
+  }
+  /* addon: fold/foldgutter.js */
+  .cm-s-night-owl .CodeMirror-foldmarker,
+  .cm-s-night-owl .CodeMirror-foldgutter,
+  .cm-s-night-owl .CodeMirror-foldgutter-open,
+  .cm-s-night-owl .CodeMirror-foldgutter-folded {
+    border: none;
+    text-shadow: none;
+    color: #5c6370 !important;
+    background-color: transparent;
+  }
+  /* addon: selection/active-line.js */
+  .cm-s-night-owl .CodeMirror-activeline-background {background-color: #01121f;}
+  /* basic syntax */
+  .cm-s-night-owl .cm-quote {color: #5c6370;font-style: italic;}
+  .cm-s-night-owl .cm-negative {color: #e06c75;}
+  .cm-s-night-owl .cm-positive {color: #e06c75;}
+  .cm-s-night-owl .cm-strong {color: #F78C6C;font-weight: bold;}
+  .cm-s-night-owl .cm-em {color: #c792ea;font-style: italic;}
+  .cm-s-night-owl .cm-attribute {color: #F78C6C;}
+  .cm-s-night-owl .cm-link {color: #ecc48d;border-bottom: solid 1px #ecc48d;}
+  .cm-s-night-owl .cm-keyword {color: #c792ea;font-style: italic;}
+  .cm-s-night-owl .cm-def {color: #82AAFF;}
+  .cm-s-night-owl .cm-atom {color: #F78C6C;}
+  .cm-s-night-owl .cm-number {color: #F78C6C;}
+  .cm-s-night-owl .cm-property {color: #fff;}
+  .cm-s-night-owl .cm-qualifier {color: #F78C6C;}
+  .cm-s-night-owl .cm-variable {color: #82AAFF;}
+  .cm-s-night-owl .cm-variable-2 {color: #82AAFF;}
+  .cm-s-night-owl .cm-string {color: #ecc48d;}
+  .cm-s-night-owl .cm-string-2 {color: #addb67ff;}
+  .cm-s-night-owl .cm-operator {color: #c792ea;}
+  .cm-s-night-owl .cm-meta {color: #7fdbca;}
+  .cm-s-night-owl .cm-comment {color: #5c6370;font-style: italic;}
+  .cm-s-night-owl .cm-error {color: #e06c75;}