44 lines
2.3 KiB
CSS
44 lines
2.3 KiB
CSS
/*
|
|
MDN-LIKE Theme - Mozilla
|
|
Ported to CodeMirror by Peter Kroon <plakroon@gmail.com>
|
|
Report bugs/issues here: https://github.com/codemirror/CodeMirror/issues
|
|
GitHub: @peterkroon
|
|
|
|
The mdn-like theme is inspired on the displayed code examples at: https://developer.mozilla.org/en-US/docs/Web/CSS/animation
|
|
|
|
*/
|
|
.cm-s-mdn-like.CodeMirror { color: #666; background-color: #fff; }
|
|
.cm-s-mdn-like div.CodeMirror-selected { background: #fefdb5; }
|
|
.cm-s-mdn-like .CodeMirror-line::selection, .cm-s-mdn-like .CodeMirror-line > span::selection, .cm-s-mdn-like .CodeMirror-line > span > span::selection { background: #fefdb5; }
|
|
.cm-s-mdn-like .CodeMirror-line::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span > span::-moz-selection { background: #fefdb5; }
|
|
|
|
.cm-s-mdn-like .CodeMirror-gutters { background: #f8f8f8; color: #333; }
|
|
.cm-s-mdn-like .CodeMirror-linenumber { color: #aaa; padding-left: 8px; }
|
|
.cm-s-mdn-like .CodeMirror-cursor { border-left: 2px solid #222; }
|
|
|
|
.cm-s-mdn-like .cm-keyword { color: #6262FF; }
|
|
.cm-s-mdn-like .cm-atom { color: #F90; }
|
|
.cm-s-mdn-like .cm-number { color: #ca7841; }
|
|
.cm-s-mdn-like .cm-def { color: #8DA6CE; }
|
|
.cm-s-mdn-like span.cm-variable-2, .cm-s-mdn-like span.cm-tag { color: #690; }
|
|
.cm-s-mdn-like span.cm-variable-3, .cm-s-mdn-like span.cm-def, .cm-s-mdn-like span.cm-type { color: #07a; }
|
|
|
|
.cm-s-mdn-like .cm-variable { color: #07a; }
|
|
.cm-s-mdn-like .cm-property { color: #905; }
|
|
.cm-s-mdn-like .cm-qualifier { color: #690; }
|
|
|
|
.cm-s-mdn-like .cm-operator { color: #cda869; }
|
|
.cm-s-mdn-like .cm-comment { color:#777; font-weight:normal; }
|
|
.cm-s-mdn-like .cm-string { color:#07a; }
|
|
.cm-s-mdn-like .cm-string-2 { color:#bd6b18; } /*?*/
|
|
.cm-s-mdn-like .cm-meta { color: #000; } /*?*/
|
|
.cm-s-mdn-like .cm-builtin { color: #9B7536; } /*?*/
|
|
.cm-s-mdn-like .cm-tag { color: #997643; }
|
|
.cm-s-mdn-like .cm-attribute { color: #d6bb6d; } /*?*/
|
|
.cm-s-mdn-like .cm-header { color: #FF6400; }
|
|
.cm-s-mdn-like .cm-hr { color: #AEAEAE; }
|
|
.cm-s-mdn-like .cm-link { color:#ad9361; font-style:italic; text-decoration:none; }
|
|
.cm-s-mdn-like .cm-error { border-bottom: 1px solid red; }
|
|
|
|
div.cm-s-mdn-like .CodeMirror-activeline-background { background: #efefff; }
|
|
div.cm-s-mdn-like span.CodeMirror-matchingbracket { outline:1px solid grey; color: inherit; }
|