You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

134 lines
2.5 KiB

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