material.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  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 {
  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. border-right:1px solid #334047
  15. }
  16. .cm-s-material .CodeMirror-guttermarker, .cm-s-material .CodeMirror-guttermarker-subtle, .cm-s-material .CodeMirror-linenumber { color: rgb(83,127,126); }
  17. .cm-s-material .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }
  18. .cm-s-material div.CodeMirror-selected { background: rgba(255, 255, 255, 0.15); }
  19. .cm-s-material.CodeMirror-focused div.CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
  20. .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); }
  21. .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); }
  22. .cm-s-material .CodeMirror-activeline-background { background: rgba(0, 0, 0, 0); }
  23. .cm-s-material .cm-keyword { color: rgba(199, 146, 234, 1); }
  24. .cm-s-material .cm-operator { color: rgba(233, 237, 237, 1); }
  25. .cm-s-material .cm-variable-2 { color: #80CBC4; }
  26. .cm-s-material .cm-variable-3 { color: #82B1FF; }
  27. .cm-s-material .cm-builtin { color: #DECB6B; }
  28. .cm-s-material .cm-atom { color: #F77669; }
  29. .cm-s-material .cm-number { color: #F77669; }
  30. .cm-s-material .cm-def { color: rgba(233, 237, 237, 1); }
  31. .cm-s-material .cm-string { color: #C3E88D; }
  32. .cm-s-material .cm-string-2 { color: #80CBC4; }
  33. .cm-s-material .cm-comment { color: #546E7A; }
  34. .cm-s-material .cm-variable { color: #82B1FF; }
  35. .cm-s-material .cm-tag { color: #80CBC4; }
  36. .cm-s-material .cm-meta { color: #80CBC4; }
  37. .cm-s-material .cm-attribute { color: #FFCB6B; }
  38. .cm-s-material .cm-property { color: #80CBAE; }
  39. .cm-s-material .cm-qualifier { color: #DECB6B; }
  40. .cm-s-material .cm-variable-3 { color: #DECB6B; }
  41. .cm-s-material .cm-tag { color: rgba(255, 83, 112, 1); }
  42. .cm-s-material .cm-error {
  43. color: rgba(255, 255, 255, 1.0);
  44. background-color: #EC5F67;
  45. }
  46. .cm-s-material .CodeMirror-matchingbracket {
  47. text-decoration: underline;
  48. color: white !important;
  49. }