Skip to content

Instantly share code, notes, and snippets.

@CompuIves
Created April 10, 2017 12:07
Show Gist options
  • Save CompuIves/d31e18a3c72784d319277466986171db to your computer and use it in GitHub Desktop.
Save CompuIves/d31e18a3c72784d319277466986171db to your computer and use it in GitHub Desktop.
CodeSandbox Editor styles
.cm-s-oceanic.CodeMirror {
font-family: 'Source Code Pro', monospace;
background: #1C2022;
color: #e0e0e0;
height: 100%;
font-size: 14px;
font-weight: 500;
}
.cm-s-oceanic div.CodeMirror-selected { background: #374140; }
.cm-s-oceanic .CodeMirror-line::selection, .cm-s-oceanic .CodeMirror-line > span::selection, .cm-s-oceanic .CodeMirror-line > span > span::selection { background: #65737E; }
.cm-s-oceanic .CodeMirror-line::-moz-selection, .cm-s-oceanic .CodeMirror-line > span::-moz-selection, .cm-s-oceanic .CodeMirror-line > span > span::-moz-selection { background: #65737E; }
.cm-s-oceanic .CodeMirror-gutters {
background: #1C2022;
border-right: 0px;
}
.cm-s-oceanic .CodeMirror-guttermarker { color: #ac4142; }
.cm-s-oceanic .CodeMirror-guttermarker-subtle { color: #505050; }
.cm-s-oceanic .CodeMirror-linenumber { color: #505050; }
.cm-s-oceanic .CodeMirror-cursor { border-left: 1px solid #b0b0b0; }
.cm-s-oceanic span.cm-comment { color: #626466; }
.cm-s-oceanic span.cm-atom { color: #aa759f; }
.cm-s-oceanic span.cm-number { color: #aa759f; }
.cm-s-oceanic span.cm-property, .cm-s-oceanic span.cm-attribute { color: #aa759f; }
.cm-s-oceanic span.cm-keyword { color: #6CAEDD; }
.cm-s-oceanic span.cm-string { color: #99C794; }
.cm-s-oceanic span.cm-variable { color: #ffb24d; }
.cm-s-oceanic span.cm-variable-2 { color: #6CAEDD; }
.cm-s-oceanic span.cm-def { color: #FAC863; }
.cm-s-oceanic span.cm-bracket { color: #e0e0e0; }
.cm-s-oceanic span.cm-tag { color: #EC5f67; }
.cm-s-oceanic span.cm-link { color: #aa759f; }
.cm-s-oceanic span.cm-error { background: #ac4142; color: #b0b0b0; }
.cm-s-oceanic .CodeMirror-activeline-background { background: #374140; }
.cm-s-oceanic .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
.cm-s-oceanic span.CodeMirror-matchingtag { background-color: inherit; }
.cm-s-oceanic span.cm-tag.CodeMirror-matchingtag { text-decoration: underline; }
.cm-s-oceanic span.cm-tag.cm-bracket.CodeMirror-matchingtag { text-decoration: none; }
.cm-s-oceanic div.cm-line-error.CodeMirror-linebackground { animation: ${fadeInAnimation} 0.3s; background-color: #561011; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment