Refactor

src/components/MarkdownEditor/codemirror.scss

@@ -0,0 +1,66 @@
+/*
+
+    Name:       Base16 Default Light
+    Author:     Chris Kempson (http://chriskempson.com)
+
+    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
+    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
+
+*/
+
+:global {
+  /* Custom styling */
+  .cm-s-atlas.CodeMirror {
+    background: #ffffff;
+    color: #202020;
+    font-family: 'Atlas Typewriter', 'Cousine', 'Monaco', monospace;
+    font-weight: 300;
+    height: auto;
+  }
+  .cm-s-atlas div.CodeMirror-selected {
+    background: #90CAF9;
+  }
+
+  /* Disable ondrag cursor for file uploads */
+  .cm-s-atlas div.CodeMirror-dragcursors {
+    visibility: hidden;
+  }
+
+  .cm-s-atlas .CodeMirror-line::selection,
+  .cm-s-atlas .CodeMirror-line > span::selection,
+  .cm-s-atlas .CodeMirror-line > span > span::selection {
+    background: #90CAF9;
+  }
+
+  .cm-s-atlas .CodeMirror-line::-moz-selection, .cm-s-atlas .CodeMirror-line > span::-moz-selection, .cm-s-atlas .CodeMirror-line > span > span::-moz-selection { background: #e0e0e0; }
+  .cm-s-atlas .CodeMirror-gutters { background: #f5f5f5; border-right: 0px; }
+  .cm-s-atlas .CodeMirror-guttermarker { color: #ac4142; }
+  .cm-s-atlas .CodeMirror-guttermarker-subtle { color: #b0b0b0; }
+  .cm-s-atlas .CodeMirror-linenumber { color: #b0b0b0; }
+  .cm-s-atlas .CodeMirror-cursor {
+    border-left: 2px solid #2196F3;
+  }
+
+  .cm-s-atlas span.cm-quote {
+    font-style: italic;
+  }
+  .cm-s-atlas span.cm-comment { color: #8f5536; }
+  .cm-s-atlas span.cm-atom { color: #aa759f; }
+  .cm-s-atlas span.cm-number { color: #aa759f; }
+
+  .cm-s-atlas span.cm-property, .cm-s-atlas span.cm-attribute { color: #90a959; }
+  .cm-s-atlas span.cm-keyword { color: #ac4142; }
+  .cm-s-atlas span.cm-string { color: #f4bf75; }
+
+  .cm-s-atlas span.cm-variable { color: #90a959; }
+  .cm-s-atlas span.cm-variable-2 { color: #788696; }
+  .cm-s-atlas span.cm-def { color: #d28445; }
+  .cm-s-atlas span.cm-bracket { color: #202020; }
+  .cm-s-atlas span.cm-tag { color: #ac4142; }
+  .cm-s-atlas span.cm-link { color: #aa759f; }
+  .cm-s-atlas span.cm-error { background: #ac4142; color: #505050; }
+
+  .cm-s-atlas .CodeMirror-activeline-background { background: #DDDCDC; }
+  .cm-s-atlas .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
+  .cm-s-atlas .CodeMirror-placeholder { color: rgba(0, 0, 0, 0.5); font-weight: bold; }
+}