material-ocean.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. /*
  2. Name: material
  3. Author: Mattia Astorino (http://github.com/equinusocio)
  4. Website: https://material-theme.site/
  5. */
  6. .cm-s-material-ocean.CodeMirror {
  7. background-color: #0F111A;
  8. color: #8F93A2;
  9. }
  10. .cm-s-material-ocean .CodeMirror-gutters {
  11. background: #0F111A;
  12. color: #464B5D;
  13. border: none;
  14. }
  15. .cm-s-material-ocean .CodeMirror-guttermarker,
  16. .cm-s-material-ocean .CodeMirror-guttermarker-subtle,
  17. .cm-s-material-ocean .CodeMirror-linenumber {
  18. color: #464B5D;
  19. }
  20. .cm-s-material-ocean .CodeMirror-cursor {
  21. border-left: 1px solid #FFCC00;
  22. }
  23. .cm-s-material-ocean.cm-fat-cursor .CodeMirror-cursor {
  24. background-color: #a2a8a175 !important;
  25. }
  26. .cm-s-material-ocean .cm-animate-fat-cursor {
  27. background-color: #a2a8a175 !important;
  28. }
  29. .cm-s-material-ocean div.CodeMirror-selected {
  30. background: rgba(113, 124, 180, 0.2);
  31. }
  32. .cm-s-material-ocean.CodeMirror-focused div.CodeMirror-selected {
  33. background: rgba(113, 124, 180, 0.2);
  34. }
  35. .cm-s-material-ocean .CodeMirror-line::selection,
  36. .cm-s-material-ocean .CodeMirror-line>span::selection,
  37. .cm-s-material-ocean .CodeMirror-line>span>span::selection {
  38. background: rgba(128, 203, 196, 0.2);
  39. }
  40. .cm-s-material-ocean .CodeMirror-line::-moz-selection,
  41. .cm-s-material-ocean .CodeMirror-line>span::-moz-selection,
  42. .cm-s-material-ocean .CodeMirror-line>span>span::-moz-selection {
  43. background: rgba(128, 203, 196, 0.2);
  44. }
  45. .cm-s-material-ocean .CodeMirror-activeline-background {
  46. background: rgba(0, 0, 0, 0.5);
  47. }
  48. .cm-s-material-ocean .cm-keyword {
  49. color: #C792EA;
  50. }
  51. .cm-s-material-ocean .cm-operator {
  52. color: #89DDFF;
  53. }
  54. .cm-s-material-ocean .cm-variable-2 {
  55. color: #EEFFFF;
  56. }
  57. .cm-s-material-ocean .cm-variable-3,
  58. .cm-s-material-ocean .cm-type {
  59. color: #f07178;
  60. }
  61. .cm-s-material-ocean .cm-builtin {
  62. color: #FFCB6B;
  63. }
  64. .cm-s-material-ocean .cm-atom {
  65. color: #F78C6C;
  66. }
  67. .cm-s-material-ocean .cm-number {
  68. color: #FF5370;
  69. }
  70. .cm-s-material-ocean .cm-def {
  71. color: #82AAFF;
  72. }
  73. .cm-s-material-ocean .cm-string {
  74. color: #C3E88D;
  75. }
  76. .cm-s-material-ocean .cm-string-2 {
  77. color: #f07178;
  78. }
  79. .cm-s-material-ocean .cm-comment {
  80. color: #464B5D;
  81. }
  82. .cm-s-material-ocean .cm-variable {
  83. color: #f07178;
  84. }
  85. .cm-s-material-ocean .cm-tag {
  86. color: #FF5370;
  87. }
  88. .cm-s-material-ocean .cm-meta {
  89. color: #FFCB6B;
  90. }
  91. .cm-s-material-ocean .cm-attribute {
  92. color: #C792EA;
  93. }
  94. .cm-s-material-ocean .cm-property {
  95. color: #C792EA;
  96. }
  97. .cm-s-material-ocean .cm-qualifier {
  98. color: #DECB6B;
  99. }
  100. .cm-s-material-ocean .cm-variable-3,
  101. .cm-s-material-ocean .cm-type {
  102. color: #DECB6B;
  103. }
  104. .cm-s-material-ocean .cm-error {
  105. color: rgba(255, 255, 255, 1.0);
  106. background-color: #FF5370;
  107. }
  108. .cm-s-material-ocean .CodeMirror-matchingbracket {
  109. text-decoration: underline;
  110. color: white !important;
  111. }