darcula.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. .cm-s-darcula.CodeMirror {
  2. background-color: #444;
  3. color:#b8c4cf;
  4. padding-left: 8px;
  5. }
  6. .cm-s-darcula .CodeMirror-sizer{
  7. padding-bottom: 90px;
  8. }
  9. .cm-s-darcula .CodeMirror-scroll{
  10. margin-right: 5px;
  11. border-color: #202020;
  12. }
  13. .cm-s-darcula .CodeMirror-vscrollbar{
  14. overflow-y: hidden;
  15. }
  16. /*
  17. .cm-s-darcula ::-webkit-scrollbar {
  18. width: 14px;
  19. height: 14px;
  20. }
  21. */
  22. /*
  23. .cm-s-darcula ::-webkit-scrollbar-track {
  24. background: transparent;
  25. }
  26. .cm-s-darcula ::-webkit-scrollbar-thumb {
  27. background: rgba(255,255,255,.2);
  28. border-radius: 5px;
  29. }
  30. .cm-s-darcula ::-webkit-scrollbar-thumb:hover{
  31. background: rgba(255,255,255,.3);
  32. }
  33. .cm-s-darcula ::-webkit-scrollbar-thumb:active{
  34. background: rgba(255,255,255,.4);
  35. }
  36. */
  37. .cm-s-darcula.CodeMirror .inline-widget{
  38. background: #272727;
  39. color: #ccc;
  40. }
  41. .cm-s-darcula.CodeMirror .inline-widget h1,
  42. .cm-s-darcula.CodeMirror .inline-widget h2,
  43. .cm-s-darcula.CodeMirror .inline-widget h3{
  44. color: #ccc;
  45. }
  46. .cm-s-darcula.CodeMirror .inline-widget p,
  47. .cm-s-darcula.CodeMirror .inline-widget dt,
  48. .cm-s-darcula.CodeMirror .inline-widget li,
  49. .cm-s-darcula.CodeMirror .inline-widget code{
  50. color: #fff;
  51. }
  52. .cm-s-darcula.CodeMirror .CodeMirror-gutters {
  53. border-style: none;
  54. background: #202020;
  55. }
  56. .cm-s-darcula.CodeMirror .CodeMirror-linenumbers {
  57. background-color: #393939;
  58. background-image: linear-gradient(to bottom, #393939 33%, #686868 67%);
  59. background-position: right;
  60. background-size: 1px 3px;
  61. background-repeat: repeat-y;
  62. }
  63. .cm-s-darcula.CodeMirror .CodeMirror-linenumber {
  64. color: #80939b;
  65. padding-left: 15px;
  66. }
  67. .cm-s-darcula.CodeMirror .CodeMirror-activeline,
  68. .cm-s-darcula.CodeMirror.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt{
  69. background-color: #666;
  70. }
  71. .cm-s-darcula.CodeMirror pre{
  72. /*padding between line number & content*/
  73. padding: 0 8px;
  74. }
  75. .cm-s-darcula.CodeMirror .CodeMirror-cursor {
  76. border-left: 2px solid #c7c7c7;
  77. }
  78. .cm-s-darcula.CodeMirror .CodeMirror-selected {
  79. background: rgba(255,255,255,.2);
  80. }
  81. .cm-s-darcula.CodeMirror .CodeMirror-matchingbracket {
  82. border-bottom: 1px solid #33ffff;
  83. color: #ccc19b;
  84. }
  85. .cm-s-darcula.CodeMirror .CodeMirror-unmatchingbracket {
  86. border-bottom: 1px solid #cb3233;
  87. color: #cb3233;
  88. }
  89. .cm-s-darcula.CodeMirror .cm-comment {
  90. color: #929283;
  91. }
  92. .cm-s-darcula.CodeMirror .cm-property {
  93. color: #cbaaf5;
  94. }
  95. .cm-s-darcula.CodeMirror .cm-qualifier {
  96. color: #aaeeab;
  97. }
  98. .cm-s-darcula.CodeMirror .cm-tag {
  99. color: #7ac1ff;
  100. }
  101. .cm-s-darcula.CodeMirror .cm-def {
  102. color: #b8c4cf;
  103. }
  104. .cm-s-darcula.CodeMirror .cm-number {
  105. color: #ccccab;
  106. }
  107. .cm-s-darcula.CodeMirror .cm-atom {
  108. color: #cc9dc7;
  109. }
  110. .cm-s-darcula.CodeMirror .cm-keyword{
  111. color: #ff6c6b;
  112. }
  113. .cm-s-darcula.CodeMirror .cm-string{
  114. color: #789771;
  115. }
  116. .cm-s-darcula.CodeMirror .cm-string-2{
  117. color: #7ad1dd;
  118. }
  119. .cm-s-darcula.CodeMirror .cm-variable {
  120. color: #ffcd8e;
  121. }
  122. .cm-s-darcula.CodeMirror .cm-variable-2 {
  123. color: #aaccff;
  124. }
  125. .cm-s-darcula.CodeMirror .cm-attribute {
  126. color: #83e1b2;
  127. }