material.css 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /*
  2. Name: material
  3. Author: Michael Kaminsky (http://github.com/mkaminsky11)
  4. Original material color scheme by Mattia Astorino (https://github.com/equinusocio/material-theme)
  5. */
  6. .cm-s-material.CodeMirror {
  7. background-color: #263238;
  8. color: rgba(233, 237, 237, 1);
  9. }
  10. .cm-s-material .CodeMirror-gutters {
  11. background: #263238;
  12. color: rgb(83,127,126);
  13. border: none;
  14. }
  15. .cm-s-material .CodeMirror-guttermarker, .cm-s-material .CodeMirror-guttermarker-subtle, .cm-s-material .CodeMirror-linenumber { color: rgb(83,127,126); }
  16. .cm-s-material .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }
  17. .cm-s-material div.CodeMirror-selected { background: rgba(255, 255, 255, 0.15); }
  18. .cm-s-material.CodeMirror-focused div.CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
  19. .cm-s-material .CodeMirror-line::selection, .cm-s-material .CodeMirror-line > span::selection, .cm-s-material .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }
  20. .cm-s-material .CodeMirror-line::-moz-selection, .cm-s-material .CodeMirror-line > span::-moz-selection, .cm-s-material .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }
  21. .cm-s-material .CodeMirror-activeline-background { background: rgba(0, 0, 0, 0); }
  22. .cm-s-material .cm-keyword { color: rgba(199, 146, 234, 1); }
  23. .cm-s-material .cm-operator { color: rgba(233, 237, 237, 1); }
  24. .cm-s-material .cm-variable-2 { color: #80CBC4; }
  25. .cm-s-material .cm-variable-3, .cm-s-material .cm-type { color: #82B1FF; }
  26. .cm-s-material .cm-builtin { color: #DECB6B; }
  27. .cm-s-material .cm-atom { color: #F77669; }
  28. .cm-s-material .cm-number { color: #F77669; }
  29. .cm-s-material .cm-def { color: rgba(233, 237, 237, 1); }
  30. .cm-s-material .cm-string { color: #C3E88D; }
  31. .cm-s-material .cm-string-2 { color: #80CBC4; }
  32. .cm-s-material .cm-comment { color: #546E7A; }
  33. .cm-s-material .cm-variable { color: #82B1FF; }
  34. .cm-s-material .cm-tag { color: #80CBC4; }
  35. .cm-s-material .cm-meta { color: #80CBC4; }
  36. .cm-s-material .cm-attribute { color: #FFCB6B; }
  37. .cm-s-material .cm-property { color: #80CBAE; }
  38. .cm-s-material .cm-qualifier { color: #DECB6B; }
  39. .cm-s-material .cm-variable-3, .cm-s-material .cm-type { color: #DECB6B; }
  40. .cm-s-material .cm-tag { color: rgba(255, 83, 112, 1); }
  41. .cm-s-material .cm-error {
  42. color: rgba(255, 255, 255, 1.0);
  43. background-color: #EC5F67;
  44. }
  45. .cm-s-material .CodeMirror-matchingbracket {
  46. text-decoration: underline;
  47. color: white !important;
  48. }